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

140 阅读1分钟

实现效果

 

关键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();