Q

HTML5日期選擇器僅在第二次點擊時打開

2014-09-02 117 views 6 likes

6

我在我的日期日曆日期框中使用HTML5日期選擇器（input type="date"）。然而，在Nexus 7 Chrome 36和Motorolla Chrome 33中，我發現，我們需要點擊日期選擇框兩次才能打開日期選擇器。它背後的原因是什麼？這個問題怎麼解決？HTML5日期選擇器僅在第二次點擊時打開

2014-09-02 The Dark Knight

+1

任何幫助將深受讚賞！我在我的智慧結束。有什麼建議麼？ – 2014-09-02 09:50:31

+1

你能用http://jsfiddle.net/y3ozjjbt/重現嗎？你在'input'元素上使用了什麼額外的屬性？你有任何JS事件附加到這個元素？ – lxg 2014-09-09 22:08:19

+0

@lxg：這無法在桌面瀏覽器中正確再現。您需要在我提到的移動設備的Chrome瀏覽器版本中打開jsfiddle。只有這樣它才能被複制。目前沒有用於輸入的js事件。這裏要指出的是：當我在我的LAVA Qpad中打開這個：Chrome 33時，它可以在單擊時正常工作。在三星，摩托羅拉和Droid鍍鉻版本上，如果該字段爲空，它只能在雙擊下工作。如果該字段具有日期值，那麼它在單擊時工作。 – 2014-09-10 05:10:49

A

回答

0

它看起來像HTML5 datepicker只是部分支持。也許這個問題會消失，因爲支持改善？

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

2014-09-09 22:00:19

0

這取決於你的手機瀏覽器和版本。某些瀏覽器尚未支持輸入類型=「日期」。您可以在此網站上查看哪些瀏覽器和版本兼容CanIUse

我的手機（阿爾卡特One Touch Idol Ultra）也出現過這種問題，我使用的是谷歌瀏覽器，但找不到解決方案它。我會繼續搜索，如果我發現我在這裏發佈給你。希望這至少有一點幫助。

2014-09-13 22:47:00 user2233414

+0

感謝您的信息。 – 2014-09-14 16:49:24

0

給出這麼少的輸入的唯一可能的解釋是，當你打開你的網頁時，它會被縮小。默認情況下，當頁面縮小時觸摸任何輸入元素，android會縮放區域，並且您需要再次觸摸才能確認您觸摸的內容。

要擺脫它，你可以簡單地，然後觸摸放大或只是使用jQuery移動或東西建立一個移動特定網站...

2014-09-14 08:35:00

0

默認HTML5日期選擇器可能會與另一個庫你是有衝突使用。根據html5test您的瀏覽器支持默認日期。我希望你正在用一個實際的設備進行測試。你可以嘗試一個簡單的頁面只有< input type="date" />

2014-09-16 10:51:40 ChaseVoid

+0

是的，我已經測試過實際的設備。問題仍然存在，但在其他Chrome版本（如34,35）和最近發佈的商店版本37中，除了那些特定設備的其他Chrome版本之外，我無法找到任何問題。 – 2014-09-16 16:30:49

相關問題