在使用easyUI的datetimebox开发时,原生的datetimebox控件不支持双击日期选中该日期时间,需要手动点击确定,由于原生datetimebox需要手动选择时分秒,所以并没有给出快捷的选择日期方式,此时需要重写该控件
<script>
$.extend($.fn.datetimebox.methods, {
//绑定双击事件方法
bindDblClick: function (jq) {
var panel = $(jq).combo("panel");
panel.find(".calendar-day").off("dblclick").on("dblclick", function (e) {
var calendar = $(jq).datetimebox("calendar");
var spinner = $(jq).datetimebox("spinner");
var current = calendar.calendar("options").current;
var year = current.getFullYear();
var month = current.getMonth() + 1;
var date = current.getDate();
var time = spinner.spinner("getValue");
var datetime = year + "-" + month + "-" + date + " " + time;
$(jq).datetimebox("setValue", datetime);
$(jq).combo("hidePanel");
});
}
});
$.extend($.fn.datetimebox.defaults, {
onShowPanel: function () {
$(this).datetimebox("bindDblClick");
}
});
</script>
在JS里面添加如上代码,就可以实现双击datetimebox控件实现选择当前日期时间,亲测有效