HTML5輸入日期屬性兩個日期

我使用的是HTML5日期屬性，像這樣之間進行選擇：HTML5輸入日期屬性兩個日期

<form> 
    Birthday: 
    <input type="date" name="bday"> 
</form>

它的偉大工程，它允許您選擇在日曆上的日期。但是，它能夠選擇像jQuery插件那樣的日期範圍嗎？

來源

2015-06-04 Donato

你到底想達到什麼目的？ –

@RahulTripathi允許用戶選擇一個日期範圍，並使其在輸入字段中顯示爲逗號分隔的兩個日期列表。我應該不使用輸入日期屬性嗎？它甚至不像在Firefox中支持。 – Donato

看來日期類型甚至不能在Firefox上使用。我認爲我現在更好地堅持javascript。 – Donato

我不就可以嚴格地做到這一點使用HTML5只有想不到。您還需要使用Javascript來實現您正在嘗試執行的操作。

你可以參考 Date Range Picker for Twitter Bootstrap

enter image description here

來源

2015-06-04 17:36:36

是的，這正是我要做的。實際上，我將其確切地添加爲對其他答案的評論，因爲其他答案是黑客。 – Donato

@ Donato： - 更新了我的答案。希望有所幫助！ –

我想這可能會幫助您：

HTML5

<label>Enter a date before 2015-06-04:</label> 
 
<input type="date" name="myDate" max="2015-06-04"> 
 

 
<label>Enter a date after 1993-09-03:</label> 
 
<input type="date" name="myDate" min="1993-09-03">

來源

2015-06-04 17:33:46 divy3993

您的解決方案需要兩個輸入字段。另外，它似乎datepicker甚至不能在Firefox上工作。我想只是堅持自舉日期範圍選擇器。 – Donato

@Donato，是的，我認爲FF必須是新版本，因爲這個日期選擇器是HTML5元素，不會對所有瀏覽器都很舒服。最好用bootstrap。 – divy3993

HTML5輸入日期屬性兩個日期

回答

相關問題