Datetimepicker：虽然选择小时高于当前小时，但无法选择小于当前分钟的分钟

Question

当我设置minDate是“2017/05/09 10:16:00”时，如果我使用箭头设置小时更高的小时（例如：11h），我可以设置小于分钟的分钟（例如：10m） ）。但是，如果我通过使用选择网格表来设置小时，我不能选择小于分钟的分钟。有人解决这个问题吗？请帮帮我，抱歉我的英语不好。

我的datetimepicker设置：

    $(".datepicker").datetimepicker({
    useCurrent: false,
    format: "YYYY/MM/DD HH:mm ZZ",
    locale: "ja",
    sideBySide: true,
    toolbarPlacement: "bottom",
    showClose: true,
    widgetPositioning:{
      horizontal: "auto",
      vertical: "top"
    },
    icons: {
      close: "btn-info date-time-close-text"
    }
  });

查看：

<div class="time-picker-wrapper">
  <div class="form-group">
    <%= f.text_field :public_time, class: "form-control datepicker time-public",
      placeholder: t(".public_time"), readonly: notification.public_time.nil? && is_edit_page %>
    <%= f.text_field :created_at, class: "datepicker hidden" %>
  </div>
  <button type="button" class="icon-time-picker-wrapper">
    <i class="mp-icon-time-picker"></i>
  </button>
</div>

Answer 1

这是一个基本的设置，对我没有你提到的问题。正如我在评论中所说，这有两个时间/日期字段 - 开始和结束。最后的minDate是开始日期，开始的最大日期是结束日期。看看这是否适合你。我离开了我的字段名称，因此您可以更改它们。

JavaScript文件：

$(document).on('turbolinks:load', function() {
  $('#event_start').datetimepicker({
    format: 'YYYY-MM-DD hh:mm a'
  });
  $('#event_end').datetimepicker({
    useCurrent: false, 
    format: 'YYYY-MM-DD hh:mm a'
  });
  $('#event_start').on("dp.change", function (e) {
    $('#event_end').data("DateTimePicker").minDate(e.date);
  });
  $("#event_end").on("dp.change", function (e) {
    $('#event_start').data("DateTimePicker").maxDate(e.date);
  });
});

表单字段

<div class="form-group">
  <%= f.label :start, 'Start Date-Time', class: 'control-label' %>
  <div class='input-group date' id='event_start'>
    <%= f.text_field :start, class: "form-control" %>
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-calendar"></span>
    </span>
  </div>
</div>
<div class='form-group'>
  <%= f.label :end, 'End Time (Optional)', class: 'control-label' %>
  <%= f.text_field :end, class: "form-control" %>
</div> 

Answer 2

我整天都在努力工作，最后找到解决问题的方法

{{1}}

我希望这个答案可以帮助别人，如果您对我的代码有任何反馈和评论，请告诉我。三江源！