Datetime Picker计划从当前时间到8小时 [英] Datetime Picker schedule time to 8 hrs from current time

问题描述

我正在使用

我的要求是，如果我选择了当前日期，（11月9日， 2015），那么时间选择器应该显示6小时添加到当前时间...

我的意思是，在上面的图片当前日期被选中...当前时间是12.00但我想要12.00&上面的时间应该是禁用的。

我们该怎么做？??

解决方案

根据XDSoft DateTimePicker文档，这里是可以做的：

  var logic = function（currentDateTime）{ 
 
 var d1 = new Date（）; 
 
 //检查它是今天，所以我们需要限制时间选择器
 if（currentDateTime.getDate（）== d1.getDate（）&& currentDateTime.getMonth（）= = d1.getMonth（））
 {
 //添加六个小时
 d1.setHours（d1.getHours（）+ 6）; 
 
 //创建'HH：MM'字符串
 var defaultTime =（d1.getHours（）< 10？0：）+ d1.getHours（）+ +（d1.getMinutes（）< 10？0：）+ d1.getMinutes（）; 
 
 //强制执行时间限制
 //（'this'是jquery datetimimizer对象）
 this.setOptions（{
 minTime：defaultTime，
 defaultTime ：defaultTime 
}）; 
} 
 else 
 {
 //如果选择的日期不是今天，提升时间限制
 this.setOptions（{
 minTime：false，
 defaultTime：false 
}）; 
} 
}; 
 
 //使用自定义逻辑启动datepicker 
 $（'＃datetimepicker'）。datetimepicker（{
 onChangeDateTime：logic，
 onShow：logic 
} ）; 
  

---

根据以下内容添加6小时解决方案： http://stackoverflow.com/a/13034220/2715393

I'm using DateTimePicker jQuery plugin by XDSoft, please check below image

My requirement is that, if i selected current date,(9th Nov, 2015) then the time from time picker should show 6hrs add to current time...

I mean, in above image current Date is selected... and current time is 12.00 but i want that 12.00 & above time should be disable..

How can we do that..??

解决方案

Based on XDSoft DateTimePicker documentation, here's what can be done:

var logic = function( currentDateTime ){

    var d1 = new Date();

    // Check that it's today, so we need to restrict time chooser
    if (currentDateTime.getDate() == d1.getDate() && currentDateTime.getMonth() == d1.getMonth())
    {
        // Adding six hours
        d1.setHours ( d1.getHours() + 6 );    

        // Creating 'HH:MM' string
        var defaultTime = (d1.getHours() < 10 ? "0" : "") + d1.getHours() + ":" + (d1.getMinutes() < 10 ? "0" : "") + d1.getMinutes();

        // Enforce time restriction
        // ('this' is jquery datetimepicker object)
        this.setOptions({
            minTime : defaultTime,
            defaultTime : defaultTime
        });
    }
    else
    {
        // Lift time restriction if selected day is not today
        this.setOptions({
            minTime : false,
            defaultTime : false
        });
    }
};

// Initiate datepicker with custom logic
$('#datetimepicker').datetimepicker({
    onChangeDateTime:logic,
    onShow:logic
});    

---

Adding 6 hours solution based on: http://stackoverflow.com/a/13034220/2715393

这篇关于Datetime Picker计划从当前时间到8小时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！