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