动态设置问题"/>
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在开始和结束时间动态设置问题
发布评论