• 104505

    文章

  • 803

    评论

  • 12

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

laydate 初始化选中当前年当前月

撸了今年阿里、腾讯和美团的面试,我有一个重要发现.......>>

实现效果

 

关键Html 代码

<div class="layui-form-item">
    <label class="layui-form-label">年</label>
    <div class="layui-input-block">
        <input type="text" name="year" id="year" lay-verify="required" lay-verType="tips"
               placeholder="请输入年" autocomplete="off" class="layui-input">
    </div>
</div>
<div class="layui-form-item">
    <label class="layui-form-label">月</label>
    <div class="layui-input-block">
        <select name="month" id="month" lay-filter="month" lay-verify="required">
            <option value="">请选择</option>
            <option value="01">1月</option>
            <option value="02">2月</option>
            <option value="03">3月</option>
            <option value="04">4月</option>
            <option value="05">5月</option>
            <option value="06">6月</option>
            <option value="07">7月</option>
            <option value="08">8月</option>
            <option value="09">9月</option>
            <option value="10">10月</option>
            <option value="11">11月</option>
            <option value="12">12月</option>
        </select>
    </div>
</div>

 关键Js代码

//年月选择器
layui.laydate.render({
    elem: '#year'
    , type: 'year'
    , value: new Date().getFullYear() //初始化赋值当前年
});

//获取当前月
var month = new Date().getMonth() + 1;
month = (month < 10 ? "0" + month : month);
$("#month").find("option[value='" + month + "']").attr("selected", true);
form.render();

 


695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客