layui日期選擇月份點擊選中


關於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 } } });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM