【问题标题】:jQuery DateTimePicker add 5 minutes to current datejQuery DateTimePicker 将 5 分钟添加到当前日期
【发布时间】:2015-08-04 07:00:51
【问题描述】:

我使用 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

    });     

【问题讨论】:

    标签: javascript jquery datetime datetimepicker


    【解决方案1】:

    我找到了另一种解决方案:我创建了一个 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,
            });                 
    

    【讨论】:

      【解决方案2】:

      根据您的情况,有多种可能性,但是。处理这种情况的一种方法是提供时间数组。

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

      【讨论】:

      • 感谢您的回答,您对该功能的想法确实很有帮助。
      • @Cosmin 很高兴为您服务,请尽可能接受答案。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-05-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-07-16
      • 1970-01-01
      • 2013-04-01
      相关资源
      最近更新 更多