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