如何在頁面上使用多個日期選擇器

Question

我正在嘗試將兩個日期選擇器添加到我的表單中，但是無法使一個選擇器正確顯示。 這是我找到的代碼。 謝謝你的幫助。

<script type="text/javascript">
    $('.datetime').datetimepicker({
        dateFormat: 'yy-mm-dd',
        timeFormat: 'h:m'
    });
</script> 

這是我的HTML

<tr>
  <td><input type="text" name="expiration_date" class="" id="datepicker[0]" /></td>
  <td><input type="text" name="action_date" class="" id="datepicker[1]" /></td>
</tr>

我是javascript新手，因此感謝您的幫助。

Answer 1

這是因為您的選擇器，即$('.datetime')正在查找具有datetime類集的所有元素（其中沒有任何元素）。 您所有的輸入都具有class="" ，要進行此操作，您需要將其更改為class="datetime"即

<input type="text" name="expiration_date" class="datetime" id="datepicker[0]" />
<input type="text" name="action_date" class="datetime" id="datepicker[1]" />

Answer 2

您缺少添加class name

<input type="text" name="expiration_date" class="" id="datepicker[0]" />

添加它

<input type="text" name="expiration_date" class="datetime" id="datepicker[0]" />
<input type="text" name="expiration_date" class="datetime" id="datepicker[1]" />

或者你甚至可以做這個id

$("input[id^='datepicker']").datetimepicker({ //looks for id starting with datepicker
        dateFormat: 'yy-mm-dd',
        timeFormat: 'h:m'
    });