jQuery DateTimePicker将当前日期添加5分钟

时间:2015-05-22 09:50:54

标签: javascript jquery datetime datetimepicker

我使用jQuery DateTime选择器,我想设置DateTime选择器打开到当前日期+5分钟的时间。 示例:如果我在12:00打开DateTime选择器,时间栏应该让我选择最大12:05。这可能吗?

    $( ".DateTimePickerTodayAudit" ).datetimepicker({
      numberOfMonths: 1,
      showCurrentAtPos: 0,
      changeMonth: true,
      changeYear: true,
      dateFormat: "yy-mm-dd",
      maxDate: 0,
      showOtherMonths: true,
      selectOtherMonths: true

    });     

2 个答案:

答案 0 :(得分:0)

根据您的情况,有各种可能性,但是。可以处理的一种方法是提供一系列时间。

examples retrieved from datetimepicker docs

allowTimes选项TimePicker示例#

<强>的javaScript

jQuery('#datetimepicker5').datetimepicker({
 datepicker:false,
 allowTimes:[
  '12:00', '13:00', '15:00', 
  '17:00', '17:05', '17:20', '19:00', '20:00'
 ]
});

还有最小和最大可能性。下面的例子是minTime。

设置选项运行时DateTimePicker#

如果选择日是星期六,则最低设置为11:00,否则为8:00

<强>的javaScript

var logic = function( currentDateTime ){
  // 'this' is jquery object datetimepicker
  if( currentDateTime.getDay()==6 ){
    this.setOptions({
      minTime:'11:00'
    });
  }else
    this.setOptions({
      minTime:'8:00'
    });
};
jQuery('#datetimepicker_rantime').datetimepicker({
  onChangeDateTime:logic,
  onShow:logic
});

答案 1 :(得分:0)

我找到了另一种解决方案:我创建了一个javaScript函数,它返回当前日期+5分钟,并为函数返回值分配了DateTimePicker的maxDate属性。

     function currDate()
    {
    var d = new Date();
    var y = d.getFullYear();
    var m = d.getMonth() ;
    var da = d.getDate();
    var h = d.getHours();
    var mi = d.getMinutes()+5;
    var se = d.getSeconds();
    var mDate = new Date(y, m, da, h, mi,se);
    return mDate;

    };

$( ".DateTimePickerTodayAudit" ).datetimepicker({
        numberOfMonths: 1,
        showCurrentAtPos: 0,
        changeMonth: true,
        changeYear: true,
        dateFormat: "yy-mm-dd",
        maxDate:currDate(),
        showOtherMonths: true,
        selectOtherMonths: true,
        });