话不多说,直接上代码,以下是将起始时间和结束时间都展示在一个输入框中的实现方式。
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#workTime', //指定元素
range:'~',
type:'datetime',
isPreview: false,
value:getNowFormatDate(),
isInitValue:true,
btns: ['clear', 'confirm'],
trigger: 'click',
change: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();
// 改变结束时间默认值
$(".laydate-main-list-1 .layui-laydate-content li ol li:last-child").click();
$(".layui-laydate-footer [lay-type='date'].laydate-btns-time").click();
}
},
done:function (value,date,endDate) {
console.log(value)
}
});
});