【问题标题】:jquery timepicker time start issuejquery timepicker时间开始问题
【发布时间】:2021-02-04 02:16:42
【问题描述】:

我的代码中有时间选择器。代码如下。

   function getCurrentTime(date) {
    var hours = date.getHours(),
        minutes = date.getMinutes(),
        ampm = hours >= 12 ? 'pm' : 'am';

  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0'+minutes : minutes;

  return hours + ':' + minutes + ' ' + ampm;
}
 

    var cur_time = new Date();
            cur_time.setHours(cur_time.getHours() + 1);
            $('.pickup_time').timepicker({
                timeFormat: 'hh:mm p',
                interval: 30,
                minTime: getCurrentTime(new Date()),
                // minTime: '1',
                // maxTime: '11:30pm', 
                // startTime: '01:00',
                dynamic: false,
                dropdown: true,
                scrollbar: true           
            });
            $('.pickup_time').timepicker('setTime', cur_time);

使用此代码,我得到了如下图所示的下拉菜单。我真正想要的是我想从 2:00 开始时间,当时是 1:43。如果时间是 1:25,我希望它从 01:30 开始。

对此需要帮助,任何人都可以对此有所了解吗???

【问题讨论】:

  • 看起来minTime 属性需要调整。你能显示用于设置这个属性的函数getCurrentTime()吗?
  • 你好@Moutah 我已经更新了我的问题请看一下

标签: javascript jquery jquery-plugins datetimepicker timepicker


【解决方案1】:

为了将当前时间四舍五入到下一个半小时,调整您的getCurrentTime()函数如下:

function getCurrentTime(date) {
  // extract hours and minutes from given date
  var hours = date.getHours(),
    minutes = date.getMinutes();

  // round minutes to half hour or next hour
  if (minutes <= 30) {
    minutes = "30";
  } else {
    minutes = "00";
    hours = (hours + 1) % 24; // loop on 24 hours
  }

  // calc if morning or afternoon
  var ampm = hours >= 12 ? "pm" : "am";

  // adjust hour to 12h format
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'

  return hours + ":" + minutes + " " + ampm;
}

【讨论】:

    猜你喜欢
    • 2018-10-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多