2014-07-26 62 views
14

我有一個任務是默認顯示日曆以在html的輸入字段中選擇日期。HTML輸入類型日期,默認打開日曆

對於想這是代碼:

input type="date" name="bday" 

好了,現在當我點擊輸入框,顯示的日曆。

告訴我如何在不點擊輸入的情況下默認顯示日曆。

+0

你能發佈的jsfiddle與所有相關的代碼?很可能你正在使用CSS或Javascript來隱藏/顯示日曆,而不是純HTML。 – RSid

回答

12

對於原生HTML輸入元素,這是不可能的。您可以使用webshim polyfill,它使用此標記爲您提供此選項。

<input type="date" data-date-inline-picker="true" /> 

這裏是一個small demo

+1

我不明白。該演示不會顯示默認打開的任何日曆(Chrome或移動Chrome/Firefox)。你是說沒有辦法觸發「原生」日曆彈出,例如使用從不同元素髮起的事件? – Michael

+0

謝謝,它的工作。 @Michael是否在你的項目中首先包含了https://github.com/aFarkas/webshim/? –