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

编程入门 行业动态 更新时间:2024-10-11 03:26:34

layui.2.0在开始和结束时间<a href=https://www.elefans.com/category/jswz/34/1771299.html style=动态设置问题"/>

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

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

html代码:

<div class="layui-inline">
<label class="layui-form-label">开始时间</label>
<div class="layui-input-inline">
<input type="text" name="startTime" id="sstartTime" readonly="readonly"  placeholder="请点击选择" class="layui-input inputHeight" style="margin-top: 2px;">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">结束时间</label>
<div class="layui-input-inline">
<input type="text" name="endTime" id="sendTime" readonly="readonly" placeholder="请点击选择" class="layui-input inputHeight" style="margin-top: 2px;">
</div>
</div>

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,   
            }  
           }  
        }); 

}); 

更多推荐

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

本文发布于:2024-02-07 04:03:09,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1753181.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:动态   结束时间   layui

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!