美文网首页
laydate组件的时间区间选择框设置方法

laydate组件的时间区间选择框设置方法

作者: DrinkwaterGor | 来源:发表于2018-03-27 00:01 被阅读0次

laydate设置起始时间结束时间, 起始时间不能大于结束时间

html

<input id="startDate">
<input id="endDate">

JS

   //开始时间时间
    var start = laydate.render({
        elem: '#startDate',
        min: '1900-1-1 00:00:00',
        max: '2099-6-16 23:59:59',
        trigger: 'click', //采用click弹出
        done: function (value, date, endDate) {
            end.config.min = {
                year: date.year,
                month: date.month - 1,
                date: date.date,
                hours: date.hours,
                minutes: date.minutes,
                seconds: date.seconds
            }; //开始日选好后,重置结束日的最小日期
            end.config.value = {
                year: date.year,
                month: date.month - 1,
                date: date.date,
                hours: date.hours,
                minutes: date.minutes,
                seconds: date.seconds
            }; //将结束日的初始值设定为开始日
        }
    });


    //结束时间
    var end = laydate.render({
        elem: '#endDate',
        min: '1900-1-1 00:00:00',
        max: '2099-6-16 23:59:59',
        trigger: 'click', //采用click弹出
        done: function (value, date, endDate) {
            start.config.max = {
                year: date.year,
                month: date.month - 1,
                date: date.date,
                hours: date.hours,
                minutes: date.minutes,
                seconds: date.seconds
            }; //结束日选好后,重置开始日的最大日期
        }
    });

相关文章

网友评论

      本文标题:laydate组件的时间区间选择框设置方法

      本文链接:https://www.haomeiwen.com/subject/rfndcftx.html