实现效果
关键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();