使用layui日期控件laydate對(duì)開始和結(jié)束時(shí)間進(jìn)行聯(lián)動(dòng)控制的方法
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對(duì)開始和結(jié)束時(shí)間進(jìn)行聯(lián)動(dòng)控制的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript輕松實(shí)現(xiàn)當(dāng)鼠標(biāo)移開時(shí)已彈出子菜單自動(dòng)消失
本文為大家詳細(xì)介紹下使用javascript實(shí)現(xiàn)當(dāng)鼠標(biāo)移開時(shí)已彈出子菜單自動(dòng)消失,具體如下,感興趣的朋友不要錯(cuò)過2013-12-12JavaScript?Generator異步過度的實(shí)現(xiàn)詳解
生成器Generator是JavaScript?ES6引入的特性,它讓我們可以分段執(zhí)行一個(gè)函數(shù)。但是在談?wù)撋善鳎℅enerator)之前,我們要先了解迭代器Iterator2022-08-08Three.js利用性能插件stats實(shí)現(xiàn)性能監(jiān)聽的方法
Three.js 是一款運(yùn)行在瀏覽器中的 3D 引擎,你可以用它創(chuàng)建各種三維場景,而下面這篇文章主要給大家介紹了關(guān)于Three.js如何利用性能插件stats實(shí)現(xiàn)性能監(jiān)聽的相關(guān)資料,需要的朋友可以參考借鑒,下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09JavaScript數(shù)組中相同的元素進(jìn)行分組(數(shù)據(jù)聚合)groupBy函數(shù)詳解
今天在打算從js端時(shí)序數(shù)據(jù)庫TSDB中,按相同的類型的數(shù)據(jù)排在一起,并且取同一時(shí)間段最新的數(shù)據(jù),經(jīng)過查詢這種思想叫做數(shù)據(jù)聚合,就是返回的數(shù)據(jù)要根據(jù)一個(gè)屬性來做計(jì)算,這篇文章主要介紹了JavaScript數(shù)組中相同的元素進(jìn)行分組(數(shù)據(jù)聚合)?groupBy函數(shù),需要的朋友可以參考下2023-12-12