日期时间选择器将时间安排为距当前时间 8 小时

Question

我正在使用DateTimePicker jQuery plugin by XDSoft，请查看下图

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

我的意思是，在上图中选择了当前日期...当前时间是 12.00 但我希望 12.00 及以上时间应该被禁用..

我们该怎么做..??

Answer 1

根据 XDSoft DateTimePicker 文档，可以执行以下操作：

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
});

添加 6 小时解决方案基于：

日期时间选择器将时间安排为距当前时间 8 小时

Datetime Picker schedule time to 8 hrs from current time

javascript

jquery

datepicker

timepicker