1. 程式人生 > >layui之laydate

layui之laydate

.點選年份馬上關閉視窗並且賦值

html程式碼:

<div class="layui-form-item">
<label class="layui-form-label">年份</label>
<div class="layui-input-block">
<input type="text" id="year" name="year" class="layui-input">
</div>
</div>

jq程式碼:

//這個js是用於按年份查詢的日期控制元件

layui.use(["laydate"], function () {

var laydate = laydate = layui.laydate;
laydate.render({
elem: '#year',// 指定元素
type: 'year',//自由選擇時間
format: 'yyyy年',
// min: "",
// max: 7,
showBottom: false,
change: function(value, date, endDate){ //點選後事件回撥
$('#year').val(value);//點選完賦值
$('#layui-laydate1').remove();//立即關閉視窗
}
});
});

 

 

 

2.起始月份

html程式碼:

<div class="layui-form-item" id="m" style="display:none;">
<label class="layui-form-label">起始月份</label>
<div class="layui-input-block">
<input type="text" id="month" name="month" class="layui-input">
</div>
</div>

js程式碼:


laydate.render({
elem: '#month'
,type: 'month'
,format:'M月'
,theme: '#molv'
,range: true
});