layDate插件設(shè)置開始和結(jié)束時(shí)間
更新時(shí)間：2018年11月15日 15:50:30 作者：zj張靜
這篇文章主要為大家詳細(xì)介紹了layDate插件設(shè)置開始時(shí)間和結(jié)束時(shí)間，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文教大家使用了laydate插件設(shè)置開始和結(jié)束時(shí)間，供大家參考，具體內(nèi)容如下
用的laydate插件是layDate-v5.0.6,是新版本的；
效果是選擇開始時(shí)間，選擇結(jié)束時(shí)間的時(shí)候開始時(shí)間之前的時(shí)間不能選；
選擇結(jié)束時(shí)間，選擇開始時(shí)間的時(shí)候結(jié)束時(shí)間之后的時(shí)間不能選；
function time(){
//開始時(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；
所以如果沒有引用jquery的；獲取元素的值可以換成原生的；
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了詳解webpack打包后如何調(diào)試的方法步驟,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了JS中的回調(diào)函數(shù),結(jié)合實(shí)例形式簡單分析了javascript回調(diào)函數(shù)的感念、功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2018-03-03
不論你是javascript新手還是老鳥，不論是面試求職，還是日常開發(fā)工作，我們經(jīng)常會(huì)遇到這樣的情況：給定的幾行代碼，我們需要知道其輸出內(nèi)容和順序。接下來通過本文給大家分享 JavaScript 執(zhí)行機(jī)制，感興趣的朋友一起看看吧2018-10-10
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)計(jì)時(shí)器，小程序點(diǎn)擊事件觸發(fā)計(jì)時(shí)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
extjs圖表繪制之條形圖實(shí)現(xiàn)方法分析
這篇文章主要介紹了extjs圖表繪制之條形圖實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了extjs繪制條形圖的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2020-03-03
一文搞懂JavaScript中bind,apply,call的實(shí)現(xiàn)
bind、call和apply都是Function原型鏈上面的方法，因此不管是使用function聲明的函數(shù)，還是箭頭函數(shù)都可以直接調(diào)用。本文就帶你看看如何實(shí)現(xiàn)bind、call和apply2022-06-06
javascript 原型模式實(shí)現(xiàn)OOP的再研究
目前網(wǎng)絡(luò)上有關(guān)javascript實(shí)現(xiàn)OOP模式的方案基本上都是prototype模式，一般性的示例代碼如下2009-04-04
JS中LocalStorage與SessionStorage五種循序漸進(jìn)的使用方法
這篇文章主要介紹了JS中LocalStorage與SessionStorage五種循序漸進(jìn)的使用方法,需要的朋友可以參考下2017-07-07
javascript實(shí)現(xiàn)可鍵盤控制的抽獎(jiǎng)系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)可鍵盤控制的抽獎(jiǎng)系統(tǒng)的相關(guān)資料,需要的朋友可以參考下2016-03-03