2016-10-04 22 views
0

我已經創建了一個日曆,並且在創建事件的表單中我有兩個日期選擇器,就像任何事件表單一樣,這些日期可以相同也可以不同。刪除並添加「持續時間計算」

如果有匹配的日期,我希望有一個「時間的計算」出現在時間選擇功能,像這樣......

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

回答

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

+0

是啊,我已經,timepicker和日期選擇器,感謝您對本我一直在努力與使用jQuery。現在我會給這個前 –

+0

我已經完成了!對此感激不盡! –