jedate日期插件使用
生活随笔
收集整理的這篇文章主要介紹了
jedate日期插件使用
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
jedate的官網(wǎng)地址jedate :
http://www.jemui.com/uidoc/jedate.html
以下用的jQuery的.還有vue的方法:
/*綁定節(jié)點(diǎn)*/var startData = $("#startData"),endData = $("#endData");var start = {format: 'YYYY-MM-DD',isinitVal:false,onClose:false,isTime:false,maxDate: $.nowDate({DD:0},'YYYY-MM-DD'), //最大日期okfun: function(obj){end.minDate = obj.val; //開始日選好后,重置結(jié)束日的最小日期endDates();}};var end = {format: 'YYYY-MM-DD',isinitVal:false,onClose:false,isTime:false,// minDate: startData.val(), //設(shè)定最小日期為當(dāng)前日期maxDate: $.nowDate({DD:0},'YYYY-MM-DD'), //最大日期okfun: function(obj){start.maxDate = obj.val; //將結(jié)束日的初始值設(shè)定為開始日的最大日期}};//這里是日期聯(lián)動的關(guān)鍵function endDates() {//將結(jié)束日期的事件改成 false 即可end.trigger = false;endData.jeDate(end);}/*運(yùn)行*/startData.jeDate(start);endData.jeDate(end);這里是vue調(diào)用發(fā)放
//VUE方法調(diào)用,<div class="choosejedate row col-md-12 text-center" id="choosejedate"><span >請選擇年月</span><input id="vueymd" type="text" placeholder="YYYY年MM月DD日 hh:mm:ss" readonly></div><script>var app = new Vue({el: '#choosejedate',methods:function() {this.mounted()},mounted:function(){$.jeDate("#vueymd",{format: "YYYY-MM-DD hh:mm:ss",festival:true,})}})</script><style scoped>.choosejedate{margin:0;}.choosejedate input{ height: 40px;}</style>具體參數(shù)配置,在文檔中有詳細(xì)說明!
總結(jié)
以上是生活随笔為你收集整理的jedate日期插件使用的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [deviceone开发]-do_Sli
- 下一篇: java List集合转换为List M