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

我想向我的表單添加兩個日期選擇器，但是無法正確顯示一個選擇器。這是我找到的代碼。謝謝你的幫助。如何在頁面上使用多個日期選擇器

<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，所以，謝謝你的幫助。

來源

2013-12-17 user2300933

要添加什麼其他的海報說，我會建議你使用的ID，而不是名稱。所以，你的ID應該是expiration_date和action_date而不是datepicker [0]和datepicker [1]。它會讓你的代碼更容易閱讀和遵循。 – Maess

@Maess'name'我得到的印象是用於數據綁定，所以可能有一個特殊的原因，爲什麼'name' /'id'屬性是以這種方式設置的。 – James

這是因爲您的選擇器即$('.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]" />

來源

2013-12-17 12:54:00 James

真棒謝謝你們！ – user2300933

你錯過添加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' 
    });

來源

2013-12-17 12:53:59 Praveen

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

回答

相關問題