2014-03-06 45 views
1

我正在升級到客戶的網站,我發現了以下挑戰:JavaScript - 阻止日期輸入中的一組日期,有可能嗎?

此客戶有一個由兩個日期輸入標籤組成的預訂系統,用於確定他/她進入酒店房間的日期。我知道有一些jQuery,甚至是純粹的JavaScript驅動插件(如DHTMLX套件或甚至是jQuery EasyUI控件),在這個意義上奇蹟般的,但我想知道是否可以添加日期阻塞功能一個普通的<input type="date">標籤。

到目前爲止,我必須使用<datalist>標記添加預定義的日期,並使用日期輸入與list屬性一起使用它,但就是這樣。

是否有可能阻止與JavaScript的日期?

回答

0
<input type="date"> 

應該支持屬性最小,最大和值

1

它看起來像<input type="date">支持仍然是not solid。不過,我有興趣瞭解這個功能即將到來。我發現this article相當有幫助,它的例子使用Opera作爲例子,它給你一個即將到來的感覺。

這是包含數據輸入的fiddle。對我來說,它呈現爲一個純文本字段:(

<input id="startdate" name="startdate" min="2012-01-01" max="2013-01-01" type="date"> 
1

如果HTML5版本不適合你(它確實不適合我),你可以隨時使用jQueryUI的的日期選擇器:

<input type="text" id="example-date"> 

然後在你的腳本:

$('#example-date').datepicker({ minDate: +1 }); 

此設定最小可選日期從當前天的一天

相關問題