本文教大家使用了laydate插件設置開始和結束時間,供大家參考,具體內容如下
用的laydate插件是layDate-v5.0.6,是新版本的;
效果是選擇開始時間,選擇結束時間的時候開始時間之前的時間不能選;
選擇結束時間,選擇開始時間的時候結束時間之后的時間不能選;
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的;獲取元素的值可以換成原生的;
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答