layui 结束日期不能小于开始日期的设置

最新推荐文章于 2022-11-21 12:00:25 发布

肖肖肖丽珠

最新推荐文章于 2022-11-21 12:00:25 发布

阅读量1.4k

点赞数

分类专栏： layui

本文链接：https://blog.csdn.net/qq_33769914/article/details/96857671

版权

本文介绍如何在layui中实现结束日期不能小于开始日期的设置。通过使用laydate组件，监听done事件来动态调整两个日期选择器的限制。当开始日期选择后，设置结束日期的最小值为开始日期；当结束日期选择后，设置开始日期的最大值为结束日期。同时强调在更新限制时必须检查value不为空，以避免异常情况。

摘要由CSDN通过智能技术生成

<form class="layui-form" action="">
                   <label>交易记录查询</label>
                   <div class="layui-inline"><input class="layui-input" placeholder="请选择开始日期" name="starttime" id="starttime" autocomplete="off" /></div>
                   <div class="layui-inline"><input class="layui-input" placeholder="请选择结束日期" name="endtime" id="endtime" autocomplete="off"/></div>
               </form>

layui.use(['laydate'], function() {
               var $ = layui.jquery;
               laydate = layui.laydate;

               var start = laydate.render({
               elem: "#starttime",