2016-03-17 86 views
1

具體日期

我想,當用戶選擇開始日期和結束日期,然後選擇將成爲開始日期之前的具體日期,結束日期前禁用禁用日期的選擇。我爲此使用HTML5輸入type=date。我怎樣才能完成這項任務?

回答

0

您應該始終在服務器端級別驗證事物,但是如果沒有看到代碼,很難猜測它的樣子。

但是,您可以使用屬性min="YYYY-mm-dd"來指定第一個有效日期,並且同樣爲max="YYYY-mm-dd"將是可供選擇的最大日期。

您可以使用JavaScript來修改這個在運行,作爲一個例子

<input type="date" id="start" name="start" onChange='var end = document.getElementById("end"); end.setAttribute("min", this.value); end.value = (this.value);' /> 
<input type="date" id="end" name="end" /> 

這將id="end"的屬性min設置爲選定的id=start值。

JSFiddle

+0

這究竟做了什麼,我想要的。 – sounam

0

如果您使用的日期選擇器,然後分鐘添加最大屬性您輸入類型=日期。您的日期也必須在(yyyy-mm-dd)格式中。