layDate插件設置開始和結束時間
更新時間：2018年11月15日 15:50:30 作者：zj張靜
這篇文章主要為大家詳細介紹了layDate插件設置開始時間和結束時間，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文教大家使用了laydate插件設置開始和結束時間，供大家參考，具體內(nèi)容如下
用的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);
});
}
最后調(diào)用就行了；
因為我引用了jquery；
所以如果沒有引用jquery的；獲取元素的值可以換成原生的；
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了js驗證框架之RealyEasy驗證，記錄了RealyEasy驗證的使用步驟，感興趣的小伙伴們可以參考一下2016-06-06
原理就是利用js控制li的一些樣式，在實際應用中，還需要注意li的list-style屬性。2008-12-12
這篇文章主要介紹了如何通過實踐編寫優(yōu)雅的JavaScript代碼。文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，下面我們來學習一下吧2019-05-05
本篇文章我們從面包屑導航的樣式，面包屑導航的代碼等方面詳細給大家分析了它的作用和設計技巧，如果你有這方便的需要，學習參考下吧。2017-12-12
JavaScript中實現(xiàn)數(shù)組分組功能的方法詳解
最近,JavaScript引入了一個備受期待的功能：原生支持數(shù)組分組,這一特性使得在處理復雜的數(shù)據(jù)集時變得更加簡單和高效,本文將深入探討這一全新的JavaScript特性,希望對大家有所幫助2023-12-12
正則表達式使用單個字符串來描述、匹配一系列符合某個句法規(guī)則的字符串搜索模式,這篇文章主要給大家介紹了關于徹底搞懂JavaScript正則表達式的相關資料,需要的朋友可以參考下2022-09-09
本文主要介紹了js實現(xiàn)旋轉木馬效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了javascript 解決瀏覽器不支持的問題的相關資料,需要的朋友可以參考下2016-09-09
今天小編就為大家分享一篇防止Layui form表單重復提交的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JavaScript獲取當前cpu使用率的方法,涉及JavaScript針對系統(tǒng)硬件操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12