关于EasyUI 的datetimebox选择日期填充,网上例子太少,现在写到下面供人参考,顺便附上datebox的。
datebox的:
/**
* 给时间框控件扩展一个清空的按钮
*/
(function ($) {
var buttons = $.extend([], $.fn.datebox.defaults.buttons);
buttons.splice(1, 0, {
text: '清空',
handler: function (target) {
$(target).datebox('clear');
$(target).datebox('hidePanel');
}
});
$.extend($.fn.datebox.defaults, {
buttons: buttons
});
})(jQuery);
datetimebox的:
/**
* 给时间框控件扩展一个清空的按钮,且点击日期时就自动选中
*/
(function ($) {
var dt_buttons = $.extend([], $.fn.datetimebox.defaults.buttons);
dt_buttons.splice(2, 0, {
text: '清空',
handler: function(target){
$(target).datetimebox('clear');
$(target).datetimebox('hidePanel');
},
});
$.extend($.fn.datetimebox.defaults, {
buttons: dt_buttons,
onSelect:function(date){
var time=$(this).datetimebox('spinner').spinner('getValue');
$(this).datetimebox('setValue',date.getFullYear()+'-'+ ((date.getMonth()+1)<10 ? ('0'+(date.getMonth()+1)) : (date.getMonth()+1))+'-'+((date.getDate())<10 ? ('0'+(date.getDate())) : (date.getDate()))+' '+time);
$(this).datetimebox('hidePanel');
}
});
})(jQuery);
PS:datetimebox的时分秒默认为0,可以设置,data-options=“editable:false,onShowPanel:function(){$(this).datetimebox(‘spinner’).timespinner(‘setValue’,‘23:59:59’);}”