layui 时间控件精确到秒

最新推荐文章于 2024-01-17 13:26:51 发布

原创最新推荐文章于 2024-01-17 13:26:51 发布 · 4.1k 阅读

1 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何使用layui的时间控件精确到秒。通过示例代码展示了在HTML和JS部分如何配置，实现开始时间和结束时间选择，并确保时间选择的正确顺序。

html 部分

js部分

layui.use('laydate', function () {
var $ = layui.$;
var laydate = layui.laydate;
var nowTime = new Date().valueOf();
var max = null;
var start = laydate.render({
elem: '#begintime', //
type: 'datetime',
done: function (value, date) {
endMax = end.config.max;
end.config.min = date;
end.config.min.month = date.month - 1;
},
change: function (value, date, endDate) {
var timestamp2 = Date.parse(new Date(value));
timestamp2 = timestamp2 / 1000;
end.config.min = timestamp2;
end.config.min.month = date.month - 1;
}
});
var end = laydate.render({
elem: '#endtime',
type: 'datetime',
done: function (value, date) {
if ($.trim(value) == '') {
var curDate = new Date();
date = { 'date': curDate.getDate(), 'month': curDate.getMonth() + 1, 'year': curDate.getFullYear() };
}
start.config.max = date;
start.config.max.month = date.month - 1;
}
});
});