您的位置:首页 > 其它

jedate日期插件使用

2018-04-02 09:50 399 查看
jedate的官网地址jedate :http://www.jemui.com/uidoc/jedate.html

以下用的jQuery的.还有vue的方法: /*绑定节点*/
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; //开始日选好后,重置结束日的最小日期
endDates();
}
};
var end = {
format: 'YYYY-MM-DD',
isinitVal:false,
onClose:false,
isTime:false,
// minDate: startData.val(), //设定最小日期为当前日期
maxDate: $.nowDate({DD:0},'YYYY-MM-DD'), //最大日期
okfun: function(obj){
start.maxDate = obj.val; //将结束日的初始值设定为开始日的最大日期
}
};

//这里是日期联动的关键
function endDates() {
//将结束日期的事件改成 false 即可
end.trigger = false;
endData.jeDate(end);
}

/*运行*/
startData.jeDate(start);
endData.jeDate(end);

这里是vue调用发放//VUE方法调用,
<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>

具体参数配置,在文档中有详细说明!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息