bootstrap datetimepicker控制可选时间区域

  bootstrap datetimepicker插件如何控制可选择的时间区域,bootstrap datetimepicker插件如何禁用不用选时间区域。

 

  解决办法:给bootstrap datetimepicker添加changeDate事件,获取选择的小时数据部分增加判断,不符合选择的时间区域清空选中的值。

 

  bootstrap datetimepicker控制可选时间区域源代码如如下,只能选择8~21点之间的时间

$('选择器').datetimepicker({/*配置*/ }).on('changeDate', function (o) {
 
        if (!o) return false; //点x清空数据没有参数
 
        var h = o.date.getHours() - 8; //获取小时,修正时间区域
 
        if (!(h >= 8 && h < 22)) {
            alert('out of time range');
            $(this).parent().find('input').val('');
            return false;
        }
    });

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:bootstrap datetimepicker控制可选时间区域

评论(0)Web开发网
阅读(466)喜欢(0)JavaScript/Ajax开发技巧