2013-07-29 25 views
2

HTML5日期選擇器僅在移動設備上顯示,它不會在桌面上執行任何操作。我使用的是下面的html:HTML5日期選擇器不能在桌面上工作,只能移動

<input type="date" name="req_dobirth" tabindex="13" id="req_dobirth" value="<%=request("req_dobirth")%>" /> 

移動窗體上的同一字段是:

<input type="date" name="req_dobirth" tabindex="17" style="width: 92%;" id="req_dobirth" value="<%=request("req_dobirth")%>" /> 

(唯一的區別是寬度)

任何想法?

+0

哪些瀏覽你的測試?不是所有的人都支持'日期'輸入類型。 – Spudley

+0

http://caniuse.com/input-datetime – Spudley

+0

對不起,應該給出這些信息。只適用於Chrome瀏覽器,不適用於Firefox,IE或Safari(在Mac上) –

回答

0

因爲它支持IOS/Safari和Chrome/Opera在桌面上。

http://caniuse.com/#feat=input-datetime

+0

是的,有jQuery UI日期選擇器,但我的衆多jQuery腳本,它是相互衝突,所以尋找一個更容易的選項。 –

0

大多數桌面瀏覽器仍然不支持date輸入類型。

您可以在這裏找到一個完整的瀏覽器兼容性圖表:http://caniuse.com/input-datetime

我建議使用某種類型的填充工具(也許例如jQuery的日期選擇器控制,或見modernizr polyfill list了更多的選擇)作爲後備的不支持它的瀏覽器。

查看更多關於如何檢測瀏覽器支持這樣一個問題:How can I tell if a browser supports <input type='date'>

+0

謝謝你的答案,我會把它看成是看起來像票。 –

+0

奇怪的是,沒有任何日期選擇器填充我可以在Safari中找到工作,即使他們聲稱他們這樣做! – Michael