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

怼烎@ 2021-11-29 16:44 862阅读 0赞

> <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",  
>                         calendar: true,  
>                          trigger:'click',  
>                         done: function(value, date, endDate)\{
> 
>                            if(value!="")\{  
>                                 end.config.min = \{  
>                                     year: date.year,  
>                                     month: date.month - 1,  
>                                     date: date.date,  
>                            \}  
>                           \}else\{//清空以后最小值  
>                            end.config.min=\{  
>                                    year: 1970,  
>                                    month:1,  
>                                    date:1,  
>                            \}  
>                           \}  
>                           
>                        \}  
>                 \});  
>                 var end = laydate.render(\{  
>                   elem: "\#endtime",  
>                   calendar: true,  
>                   trigger:'click',  
>                   done: function(value, date)\{  
>                       if(value!="")\{  
>                           start.config.max = \{  
>                            year: date.year,  
>                            month: date.month - 1,  
>                            date: date.date,  
>                        \}  
>                       \}else\{//清空以后最大值  
>                           start.config.max = \{  
>                            year: 9999,  
>                            month: 1,  
>                            date:1,  
>                        \}  
>                   \}  
>                 \});

在done里面结束日期的最小值是开始日期。开始日期的最大日期是结束日期。

注意一定要判断value!=""才去设置值。如果不是不能置空。我把结束日期置空那么开始日期一个都没有选的了。

成了这个状态![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70][]

所以最后我采取的方法是写死了一个固定的日期。

我这里写的最小日期写的1970-1-1.最大日期是9999-1-1.

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70]: /images/20211129/c044f54cd0414c50baacd7694b82e2ff.png