laydate动态处理max和min

最新推荐文章于 2022-08-03 15:24:57 发布

原创最新推荐文章于 2022-08-03 15:24:57 发布 · 851 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#java #javascript

java 同时被 2 个专栏收录

6 篇文章

订阅专栏

layui

1 篇文章

订阅专栏

本文介绍如何使用layui的laydate组件，在网页应用中实现时间选择器的最小值和最大值限制，通过具体代码示例展示了如何根据购买时间和生产时间相互约束。

处理layui中时间选择器,限制最大值和最小值

具体代码如下:

<script type="text/javascript">
		layui.use('laydate',function(){
			var laydate = layui.laydate;
			//生产日期
	        var makeDate = laydate.render({
	            elem: '#makeDate',
	            trigger: 'click', //采用click弹出
	            max:$("#buyDate").val(),//设置默认的最大值  这个可以在编辑回显的时候起作用
	            done: function (value, date) {
	                if (value !== '') {
	                    buyDate.config.min.year = date.year;
	                    buyDate.config.min.month = date.month - 1;//月份减一
	                    buyDate.config.min.date = date.date;
	                } else {
	                    buyDate.config.min.year = '';
	                    buyDate.config.min.month = '';
	                    buyDate.config.min.date = '';
	                }
	            }
	        });

	        //购买时间
	        var buyDate = laydate.render({
	            elem: '#buyDate',//绑定时间ID
	            trigger: 'click', //采用click弹出
	            min:$("#makeDate").val(),//设置min默认最小值 编辑回显时候起作用
	            done: function (value, date) {
	                if (value !== '') {
	                    makeDate.config.max.year = date.year;
	                    makeDate.config.max.month = date.month - 1;//月份减一
	                    makeDate.config.max.date = date.date;
	                } else {
	                    makeDate.config.max.year = '';
	                    makeDate.config.max.month = '';
	                    makeDate.config.max.date = '';
	                }
	            }
	        });
			
		});
	</script>