码迷,mamicode.com
首页 > 其他好文 > 详细

layui日期选择月份点击选中

时间:2020-06-16 10:23:30      阅读:340      评论:0      收藏:0      [点我收藏+]

标签:false   pre   form   委托   click   func   format   lse   两种方法   

关于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 } } });

 

layui日期选择月份点击选中

标签:false   pre   form   委托   click   func   format   lse   两种方法   

原文地址:https://www.cnblogs.com/shiraly/p/13139503.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!