將事件dp.change附加到動態引導日期選擇器

我有一個帶有多個寄存器的html表，其中每個都有一個引導日期時間選擇器，其中用戶可以編輯給定的日期。所以，正如我以前說過，我產生他們dinamically，我需要連接到他們每個人的方法平變化與JQuery的。現在，我有這樣的：將事件dp.change附加到動態引導日期選擇器

$('#datetimepicker6').datetimepicker().on('dp.change', function (ev) { 
      alert('hey that works!'); 
     });

和HTML代碼是：

<div class='input-group date' name="datepicker" id='datetimepicker{{$contract->id}}' > 
     <input type='text' class="form-control" id="fecha"/> 
     <span class="input-group-addon"> 
      <span class="glyphicon glyphicon-calendar"> 
      </span> 
     </span> 
</div>

所以，你可以在JQuery的看到我只有對的DateTimePicker代碼與ID datetimepicker6但我需要它到每個日期選擇器。我不能把同樣的ID給大家，所以我想在把它們放在同一名的然後在JQuery中得到元素的數組使用該名稱，並附加事件dp.change那麼，我該怎麼辦呢？我也試過：

$('input[name="datepicker"]').each(function() { 
      $(this).datetimepicker().on('dp.change', function (ev) { 
       alert('hey it works"'); 
      }); 
});

但沒有什麼變化。

來源

2015-12-03 Sredny M Casanova

-1

通過在你的代碼，看到它的清楚，當你試圖將jQuery添加到靜態元素工作正常，但同時也使動態你面臨的問題。這是因爲在靜態部分中，您使用的是「datetimepicker6」的輸入「Parent」的id，但在使其處於動態狀態時，您將添加代碼以輸入自身，因此無法工作。

幫助：

$('.input-group.date').each(function() { 
      $(this).datetimepicker().on('dp.change', function (ev) { 
       alert('hey it works"'); 
      }); 
});

-Thanks

來源

2015-12-03 04:31:26 Help

將事件dp.change附加到動態引導日期選擇器

回答

相關問題