使用layui日期控件laydate對開始和結(jié)束時間進行聯(lián)動控制的方法
更新時間：2019年09月06日 18:10:10 作者：may_walkaway
今天小編就為大家分享一篇使用layui日期控件laydate對開始和結(jié)束時間進行聯(lián)動控制的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1.在頁面先引入laydate.js文件
2.html頁面控件如下：
<input name="begin_time" style="margin-top:8px;width:130px;" id="begin_time" value="${beginTime}" class="Wdate" type="text"/>
<input name="deadline_time" style="margin-top:8px;width:130px;" id="deadline_time" value="${deadlineTime}" class="Wdate" type="text"/>
3.html頁面js代碼如下：
//年月選擇器
laydate.render({
elem: '#begin_time'
,type: 'month'
,min: '${minBeginTime}-29'
,max: '${maxBeginTime}-29'
,done: function(value){
$("#deadline_time").remove();
$("#myd").append('<input name="deadline_time" style="margin-top:8px;width:130px;" id="deadline_time" class="Wdate" type="text"/>');
$("#deadline_time").val(value);
$.ajax({
url:'reportYearMonth/getMaxMinEndTime.json',
data:{minTime:value},
type:'post',
dataType:'json',
success:function(data){
laydate.render({
elem: '#deadline_time'
,type: 'month'
,min:data.minEndTime+'-29'
,max:data.maxEndTime+'-29'
});
}
});
}
});
以上這篇使用layui日期控件laydate對開始和結(jié)束時間進行聯(lián)動控制的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了js實現(xiàn)開關(guān)燈效果,文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
javascript輕松實現(xiàn)當鼠標移開時已彈出子菜單自動消失
本文為大家詳細介紹下使用javascript實現(xiàn)當鼠標移開時已彈出子菜單自動消失，具體如下，感興趣的朋友不要錯過2013-12-12
這篇文章主要為大家詳細介紹了js實現(xiàn)小窗口拖拽效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了JS控制日期顯示的小例子，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家分享了一個非常實用的js驗證框架實現(xiàn)源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
JavaScript?Generator異步過度的實現(xiàn)詳解
生成器Generator是JavaScript?ES6引入的特性，它讓我們可以分段執(zhí)行一個函數(shù)。但是在談?wù)撋善鳎℅enerator）之前，我們要先了解迭代器Iterator2022-08-08
Three.js利用性能插件stats實現(xiàn)性能監(jiān)聽的方法
Three.js 是一款運行在瀏覽器中的 3D 引擎,你可以用它創(chuàng)建各種三維場景，而下面這篇文章主要給大家介紹了關(guān)于Three.js如何利用性能插件stats實現(xiàn)性能監(jiān)聽的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
JavaScript數(shù)組中相同的元素進行分組(數(shù)據(jù)聚合)groupBy函數(shù)詳解
今天在打算從js端時序數(shù)據(jù)庫TSDB中,按相同的類型的數(shù)據(jù)排在一起,并且取同一時間段最新的數(shù)據(jù),經(jīng)過查詢這種思想叫做數(shù)據(jù)聚合,就是返回的數(shù)據(jù)要根據(jù)一個屬性來做計算,這篇文章主要介紹了JavaScript數(shù)組中相同的元素進行分組(數(shù)據(jù)聚合)?groupBy函數(shù),需要的朋友可以參考下2023-12-12
我們知道，數(shù)組的sort方法可以對數(shù)組元素進行排序，默認是按ASCII字母表順序排序。如果要根據(jù)其他的順序排序就需要為sort方法提供一個比較函數(shù)作為參數(shù)。這里講的就是如何寫這個比較函數(shù)。2010-07-07
在javascript變量中可以存放兩種類型的值：原始值和引用值。原始值存儲在棧上的簡單字段，也就是值直接存儲在變量所標示的位置內(nèi)。2011-09-09