layDate插件設(shè)置開(kāi)始和結(jié)束時(shí)間
本文教大家使用了laydate插件設(shè)置開(kāi)始和結(jié)束時(shí)間,供大家參考,具體內(nèi)容如下
用的laydate插件是layDate-v5.0.6,是新版本的;
效果是選擇開(kāi)始時(shí)間,選擇結(jié)束時(shí)間的時(shí)候開(kāi)始時(shí)間之前的時(shí)間不能選;
選擇結(jié)束時(shí)間,選擇開(kāi)始時(shí)間的時(shí)候結(jié)束時(shí)間之后的時(shí)間不能選;
function time(){ //開(kāi)始時(shí)間id="start",結(jié)束時(shí)間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)用就行了;
因?yàn)槲乙昧薺query;
所以如果沒(méi)有引用jquery的;獲取元素的值可以換成原生的;
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js驗(yàn)證框架之RealyEasy驗(yàn)證詳解
這篇文章主要為大家詳細(xì)介紹了js驗(yàn)證框架之RealyEasy驗(yàn)證,記錄了RealyEasy驗(yàn)證的使用步驟,感興趣的小伙伴們可以參考一下2016-06-06通過(guò)實(shí)踐編寫優(yōu)雅的JavaScript代碼
這篇文章主要介紹了如何通過(guò)實(shí)踐編寫優(yōu)雅的JavaScript代碼。文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,下面我們來(lái)學(xué)習(xí)一下吧2019-05-05JavaScript中實(shí)現(xiàn)數(shù)組分組功能的方法詳解
最近,JavaScript引入了一個(gè)備受期待的功能:原生支持?jǐn)?shù)組分組,這一特性使得在處理復(fù)雜的數(shù)據(jù)集時(shí)變得更加簡(jiǎn)單和高效,本文將深入探討這一全新的JavaScript特性,希望對(duì)大家有所幫助2023-12-12防止Layui form表單重復(fù)提交的實(shí)現(xiàn)方法
今天小編就為大家分享一篇防止Layui form表單重復(fù)提交的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09