jQuery datetimepicker初始化

/*初始化时间选择框*/
    initDateTimePicker(s, e) {
        jQuery.datetimepicker.setLocale('ch');
        jQuery(function(){
            jQuery(s).datetimepicker({
                format: 'Y-m-d H:i',
                onShow:function( ct ){
                    this.setOptions({
                        maxDate: jQuery(e).val()?jQuery(e).val():new Date(),
                    });
                },
                validateOnBlur:false,
                onChangeDateTime: function(current_time,$input) {
                    var endTime = new Date($(e).val());
                    if(current_time && endTime) {
                        current_time.setSeconds(0);
                        current_time.setMilliseconds(0);
                        if(current_time > new Date() || current_time.getTime() >= endTime.getTime()) {
                            $(s).val("");
                            Messenger().post({
                                message: '开始时间大于当前时间或结束时间,请重新选择!',
                                type: 'error',
                                showCloseButton: true,
                                hideAfter: 2
                            });
                            Messenger({
                                extraClasses: 'messenger-fixed messenger-on-top'
                            });
                        }
                    }  
                }
            });
            jQuery(e).datetimepicker({
                format: 'Y-m-d H:i',
                onShow:function( ct ){
                    this.setOptions({
                        minDate: jQuery(s).val()?jQuery(s).val():false,
                        maxDate: new Date()
                    });
                },
                validateOnBlur:false,
                onChangeDateTime: function(current_time,$input) {
                    var startTime = new Date($(s).val());
                    if(current_time && startTime) {
                        current_time.setSeconds(0);
                        current_time.setMilliseconds(0);
                        if(current_time > new Date() || current_time.getTime() <= startTime.getTime()) {
                            $(e).val("");
                            Messenger().post({
                                message: '结束时间大于当前时间或小于开始时间,请重新选择!',
                                type: 'error',
                                showCloseButton: true,
                                hideAfter: 2
                            });
                            Messenger({
                                extraClasses: 'messenger-fixed messenger-on-top'
                            });
                        }
                    } 
                }
            });
        });
    }



使用:

initDateTimePicker("#start-time-info", "#end-time-info");


https://github.com/xdan/datetimepicker

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值