EasyUI的datetimebox及datebox添加清空按钮和日期选择优化

关于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’);}”

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值