layDate插件设置开始和结束时间
网络 2018-12-10 1373
本文教大家使用了laydate插件设置开始和结束时间,供大家参考,具体内容如下
用的laydate插件是layDate-v5.0.6,是新版本的;
效果是选择开始时间,选择结束时间的时候开始时间之前的时间不能选;
选择结束时间,选择开始时间的时候结束时间之后的时间不能选;
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | function time(){ //开始时间id="start",结束时间id="end"; var start = { elem: '#start', type:'date', min: '2000-09-10', max: '2333-09-20', show: true, closeStop: '#start' }; var end = { elem: '#end', type:'date', min: '2000-09-10', max: '2333-09-20', show: true, closeStop: '#end' }; lay('#start').on('click', function(e){ if($('#end').val() != null && $('#end').val() != undefined && $('#end').val() != ''){ start.max = $('#end').val(); } laydate.render(start); }); lay('#end').on('click', function(e){ if($('#start').val() != null && $('#start').val() != undefined && $('#start').val() != ''){ end.min = $('#start').val(); } laydate.render(end); }); } |
最后调用就行了;
因为我引用了jquery;
所以如果没有引用jquery的;获取元素的值可以换成原生的;
下一篇:规避个税的合理方法有哪些