使用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)文章
實(shí)現(xiàn)高性能javascript的注意事項(xiàng)
JavaScript代碼在web應(yīng)用程序中經(jīng)常用到，但是很多開(kāi)發(fā)者忽視了一些性能方面的知識(shí)，如何編寫(xiě)高性能javascript代碼呢？接下來(lái)，小編跟大家一起學(xué)習(xí)2019-05-05
JavaScript算法題之如何將一個(gè)數(shù)組旋轉(zhuǎn)k步
這篇文章主要給大家介紹了關(guān)于JavaScript算法題之如何將一個(gè)數(shù)組旋轉(zhuǎn)k步的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03
JavaScript庫(kù) 開(kāi)發(fā)規(guī)則
1. 保持無(wú)侵入性，標(biāo)記不想知道你的JavaScript代碼；2. 嚴(yán)禁修改和擴(kuò)展Object.prototype!；3. 對(duì)JavaScript內(nèi)建對(duì)象的擴(kuò)展越少越好；4. 跟隨標(biāo)準(zhǔn)；5. 或著跟隨主導(dǎo) ；6. 保持靈活；7. 管理內(nèi)存；8. 淘汰瀏覽器嗅探；9. 小巧更佳……2009-01-01
深入淺析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
這篇文章主要介紹了JavaScript字符串操作方法 slice、substr、substring及其IE兼容性 的相關(guān)資料,需要的朋友可以參考下2015-12-12
微信小程序云開(kāi)發(fā)實(shí)現(xiàn)云數(shù)據(jù)庫(kù)讀寫(xiě)權(quán)限
這篇文章主要為大家詳細(xì)介紹了微信小程序云開(kāi)發(fā)實(shí)現(xiàn)云數(shù)據(jù)庫(kù)讀寫(xiě)權(quán)限，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
做輸入校驗(yàn)的時(shí)候如果你前端框架用的是bootstrap的話，首推bootstrapValidator校驗(yàn)方式，下面通過(guò)本文給大家分享下校驗(yàn)流程，一起看看吧2016-12-12
這篇文章主要介紹了JS實(shí)現(xiàn)碰撞檢測(cè)的方法,結(jié)合實(shí)例形式分析了javascript碰撞檢測(cè)的原理與相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
今天小編就為大家分享一篇layui加載表格,綁定新增,編輯刪除,查看按鈕事件的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js實(shí)現(xiàn)可折疊展開(kāi)的手風(fēng)琴菜單效果
這篇文章主要介紹了js實(shí)現(xiàn)可折疊展開(kāi)的手風(fēng)琴菜單效果,通過(guò)簡(jiǎn)單的樣式變換控制菜單項(xiàng)的展開(kāi)與折疊功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了JS中的對(duì)象字面量，對(duì)ES6感興趣的同學(xué)，可以參考下2021-05-05