删除和添加“持续时间计算”答案

【问题标题】：Removing and adding "Duration calculation"删除和添加“持续时间计算”
【发布时间】：2016-10-04 08:19:27
【问题描述】：

我已经创建了一个日历，并且在创建事件的表单中我有两个 datePickers，就像任何事件表单一样，这些日期可以相同或不同。

如果他们有匹配的日期，我希望“时间计算”出现在时间选择菜单中，像这样......

如您所见，它有效！但是，如果我在打开时间选择菜单后更改日期，它将不会被删除，如果日期相同或不同，我需要一种删除和添加持续时间的方法。

这是我目前正在使用的代码。

            function dateCompare() {
              if ( $('#id_end_0').val() === $('#id_start_0').val()){
                 /* Dates Match, Allow */
                $('#id_end_1').timepicker({
                  'timeFormat': 'H:i',
                  'minTime': $('#id_start_1').val(),
                  'maxTime': '23:30',
                  'showDuration': true
                });
              }else{
                /* Date do not match, Dont Allow Duration */
                $('#id_end_1').timepicker({
                   'timeFormat': 'H:i',
                   'showDuration': false,
                 });
              }
            };

【问题讨论】：

标签： javascript jquery html django-views

【解决方案1】：

您的timepicker 已经初始化。你只需要更新option

function dateCompare() {
   if ( $('#id_end_0').val() === $('#id_start_0').val()){
      /* Dates Match, Allow */
      $('#id_end_1').timepicker('option', { 'minTime': $('#id_start_1').val(), 'showDuration': true });
   }else{
      /* Date do not match, Dont Allow Duration */
      $('#id_end_1').timepicker('option', 'showDuration', false);
    }
};

我假设你已经在这个函数之外初始化了timepicker

Reference

【讨论】：

是的，我有，timepicker 和 datepicker，谢谢你，我一直在努力使用 jquery。我现在就给这个