删除并添加"持续时间计算"

时间:2016-10-04 08:19:27

标签: javascript jquery html django-views

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

如果他们有匹配的日期,我想要"持续时间计算"出现在时间选择菜单中,如此...

enter image description here

正如你所看到的那样有效!但是,如果我在打开时间选择菜单后更改日期,它将不会被删除我需要一种方法来删除并添加持续时间,如果日期相同或不同。

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

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

1 个答案:

答案 0 :(得分:0)

您的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