Jquery 引导datetimepicker事件停止传播不工作
我正在使用以下代码:Jquery 引导datetimepicker事件停止传播不工作,jquery,twitter-bootstrap,datetimepicker,Jquery,Twitter Bootstrap,Datetimepicker,我正在使用以下代码: <script type="text/javascript"> $(function() { var picker= $('#timepicker').datetimepicker({ pickDate: false, pickSeconds: false, minView: 2, pick12HourFormat: true, startDate: new Date(<
<script type="text/javascript">
$(function() {
var picker= $('#timepicker').datetimepicker({
pickDate: false,
pickSeconds: false,
minView: 2,
pick12HourFormat: true,
startDate: new Date(<?php echo date('Y,m,d,h,i'); ?>),
// endDate: '<?php echo date('Y-m-d h:i'); ?>'
}).on('changeDate', function(ev){
var startDate = new Date();
//var df = get_time_difference(ev.localDate,startDate);
// alert(startDate.getHours());
// alert(ev.localDate.getHours());
if(startDate.getHours() > ev.localDate.getHours()){
// ev.stopPropagation();
// ev.stopImmediatePropagation();
// ev.preventDefault();
$("#time").val('Error');
//$('#time').unbind('changeDate');
return false;
}
});
});
</script>
$(函数(){
var picker=$('#timepicker')。datetimepicker({
pickDate:false,
秒:错,
minView:2,
pick12HourFormat:对,
开始日期:新日期(),
//结束日期:“”
}).on('changeDate',功能(ev){
var startDate=新日期();
//var df=获取时间差(ev.localDate,startDate);
//警报(startDate.getHours());
//警报(ev.localDate.getHours());
if(startDate.getHours()>ev.localDate.getHours()){
//ev.stopPropagation();
//ev.立即停止传播();
//ev.preventDefault();
$(“#time”).val('Error');
//$('time')。解除绑定('changeDate');
返回false;
}
});
});
当我选择低于当前时间的时间时,它应该显示错误,但关闭后,它会显示所选的时间
我想阻止事件更改输入字段#time上的日期
关于,上的文档告诉您:唯一暴露的事件是“changeDate”。但是,当您关闭日期/时间弹出式选择器时,也会触发“隐藏”。您可以使用此触发器再次进行检查,并在出现错误时(重新)设置$(“#time”)。
您需要在隐藏事件中读取“$(“#time”).val()”以输入新的日期时间。使用newdate($(“#time”).val())
将其转换为日期,并可以应用getHours()
尝试:
$('#timepicker').datetimepicker().on('hide',函数(e){
if(新日期($(“#时间”).val()).getHours()
$('#timepicker').datetimepicker().on('hide',function(e){
if(new Date($("#time").val()).getHours()<12)
{$("#time").val('Also error');}
});