本文教大家使用了laydate插件設(shè)置開始和結(jié)束時間,供大家參考,具體內(nèi)容如下
用的laydate插件是layDate-v5.0.6,是新版本的;
效果是選擇開始時間,選擇結(jié)束時間的時候開始時間之前的時間不能選;
選擇結(jié)束時間,選擇開始時間的時候結(jié)束時間之后的時間不能選;
function time(){ //開始時間id="start",結(jié)束時間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); }); }
最后調(diào)用就行了;
因為我引用了jquery;
所以如果沒有引用jquery的;獲取元素的值可以換成原生的;
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com