首页 > 技术文章 > laydate日期时间范围选择默认时间为23:59:59

fatTmonkey 2019-09-26 17:45 原文

一、使用done回调

layui.use('laydate', function() {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#temDate', //指定元素
                range: '~',
                type: 'datetime',
                done: function (value,date,endDate) {
                    var hours = endDate.hours;
                    var minutes = endDate.minutes;
                    var seconds = endDate.seconds;
                    if (hours == "0" && minutes == "0" && seconds == "0"){
                        $(".layui-laydate-footer [lay-type='datetime'].laydate-btns-time").click();
                        // 如果是datetime的范围选择,改变开始时间默认值
                        $(".laydate-main-list-0 .layui-laydate-content li ol li:last-child").click();
                        // 改变结束时间默认值
                        $(".laydate-main-list-1 .layui-laydate-content li ol li:last-child").click();
                        // 如果不是范围选择,只是日期时间选择
                        $(".laydate-main-list-0 .layui-laydate-content li ol li:last-child").click();
                        
                        $(".layui-laydate-footer [lay-type='date'].laydate-btns-time").click();
                    }
                }
            });
        });

回调方法中可以判断,如果时间对象中时分秒都为0,改变默认值为23:59:59;

非范围选择:

$(".layui-laydate-footer [lay-type='datetime'].laydate-btns-time").click();
$(".laydate-main-list-0 .layui-laydate-content li ol li:last-child").click();
$(".layui-laydate-footer [lay-type='date'].laydate-btns-time").click();

范围选择:

$(".layui-laydate-footer [lay-type='datetime'].laydate-btns-time").click();
// 改变结束时间默认值
$(".laydate-main-list-1 .layui-laydate-content li ol li:last-child").click();
$(".layui-laydate-footer [lay-type='date'].laydate-btns-time").click();

 

推荐阅读