layui.2.0在开始和结束时间动态设置问题

最新推荐文章于 2024-03-29 17:25:33 发布

吴举人

最新推荐文章于 2024-03-29 17:25:33 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签：开始时间结束时间

本文链接：https://blog.youkuaiyun.com/qq_40393093/article/details/79242266

js 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何使用layui 2.0的日期选择器实现开始时间和结束时间的联动选择，确保结束时间不会早于开始时间，并提供具体的HTML及JS代码示例。

在layui.2.0中如果模糊查询开始时间和结束时间之间的数据，对于开始时间和结束的时间必须选择一个之后，另一个要限制最大最小的时间；

html代码：

js代码

layui.use(['laydate', 'laypage', 'layer', 'element'], function() {
var laydate = layui.laydate;
var startDate= laydate.render({//渲染开始时间选择
elem: '#sstartTime',//通过id绑定html中插入的start
done: function (value, dates) {
endDate.config.min ={
year:dates.year,
month:dates.month-1, //关键
date: dates.date,
};
}
});
var endDate= laydate.render({//渲染结束时间选择
elem: '#sendTime',//通过id绑定html中插入的end
done: function (value, dates) {
startDate.config.max={
year:dates.year,
month:dates.month-1,//关键
date: dates.date,
}
}
});

});