layui中laydate可以动态赋值最大、最小值

最近在开发中应用到layui中的laydate控件,但是在动态改变两个laydate的最大值与最小值时迷糊了一段时间,下面的方法可满足于最大值与最下之的配置。

一.添加HTML标签


layou.png

二.js部分数据渲染


layui中laydate可以动态赋值最大、最小值_第1张图片
js.png

注意点:

1.laydate.render无法重复渲染,当laydate.render对应一个elem已经渲染过一次之后,我们是无法通过再次渲染来修改其中的max值与min值的。

2.startDate.config.max与endDate.config.min是一个对象,不是一个字符串,endDate.config.min="2017-01-01";是不可以设置的。实际这里得到的是一个对象,不同于在我们渲染时的min与max了,直接将字符串赋值是没有效果。

3.dates的格式虽然与endDate.config.min格式相同但是直接让endDate.config.min=dates你会发现并不是你想要的结果,是因为虽然dates中的数据是你选择的日期,可是endDate.config.min中设置的month的值却比你输入的month的值大了一个月,因此假如你选的开始日期是3月,直接赋值给了endDate.config.min之后你会发现结束日期的最小日期变成了4月,因此我们需要将dates中的月份值减一后再赋值给endDate.config.min
PS:请大家多多提宝贵建议!

你可能感兴趣的:(layui中laydate可以动态赋值最大、最小值)