欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

layuiAdmin修改时间范围选择bug

程序员文章站 2024-01-01 16:42:16
...

在layuiAdmin1.0版本中,在选定时间范围后,若清空结束时间,则会导致开始时间无法重新选择。
layuiAdmin修改时间范围选择bug
layuiAdmin修改时间范围选择bug
layuiAdmin修改时间范围选择bug

现奉上解决代码:

layui.config({
    base: '../../../layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'laydate'], function(){
    var laydate = layui.laydate;

    //示例代码

    //开始日期
    /*var insStart = laydate.render({
      elem: '#test-laydate-start'
      ,min: 0
      ,done: function(value, date){
        //更新结束日期的最小日期
        insEnd.config.min = lay.extend({}, date, {
          month: date.month - 1
        });

        //自动弹出结束日期的选择器
       insEnd.config.elem[0].focus();
      }
    });*/

    //结束日期
    /*var insEnd = laydate.render({
      elem: '#test-laydate-end'
      ,min: 0
      ,done: function(value, date){
        //更新开始日期的最大日期
        insStart.config.max = lay.extend({}, date, {
          month: date.month - 1
        });
      }
    });*/

    // 解决代码

    //开始日期
    var insStart = laydate.render({
        elem: '#start_time'
        , min: "1970-01-01"
        , done: function (value, date) {
            // console.log(value);
            var endDate=date.month-1;
            if(value.length==0){
                date = {
                    year: 1970,
                    month: 1,
                    date: 1,
                    hours: 0,
                    minutes: 0,
                    seconds: 0,
                };
            }
            //更新结束日期的最小日期
            insEnd.config.min = lay.extend({}, date, {
                month: endDate
            });
            //自动弹出结束日期的选择器
            // insEnd.config.elem[0].focus();
        }
    });

    //结束日期
    var insEnd = laydate.render({
        elem: '#end_time'
        , max: "2079-12-31"
        , done: function (value, date) {
            // console.log(date);
            var startDate=date.month-1;
            if(value.length==0){
                date= {
                    year: 2079,
                    month: 12,
                    date: 31,
                    hours: 23,
                    minutes: 59,
                    seconds: 59,
                };
            }
            //更新开始日期的最大日期
            insStart.config.max = lay.extend({}, date, {
                month: startDate
            });
        }
    });
});