關於layui的日期控件。只需要月份的時候,還需要點擊確定按鈕才能選中很麻煩
現在想要的是當點擊月份的時候,日期面板可以自動消失,現在是有兩種方法可以做到,根據自己需求來選擇
//頁面頭部的日期組件 var end = laydate.render({ elem: '#endTime', //選擇器結束時間 format: 'yyyy-MM', type: 'month', showBottom: false, //關閉底部框 去掉取消、確定、清空按鈕 // 選擇年份或者月份都會關閉 change: function (value, date, endDate) { //監聽日期被切換 lay('#endTime').val(value); if ($(".layui-laydate").length) { $(".layui-laydate").remove(); } },
//選擇月份即選中關閉 年份扔可以左右點擊選擇 change: function (value, date, endDate) { //監聽日期被切換 lay('#endTime').val(value); $('.laydate-month-list').on('click','li',function () {//利用的事件委托 $('.layui-laydate').remove() }) }, done: function (value, date) { start.config.max = { year:value ? date.year : 3099, month: date.month - 1, //關鍵 date: date.date, hours: 0, minutes: 0, seconds: 0 } } });