如何使日期選擇器對話框出現在標籤日期字段

我已經編寫了一個html5 web應用程序，並且在Android 4.0.4上運行時，我注意到了以下問題：在窗體上有兩個連續的輸入字段，一個是一個文本字段，下一個是日期字段。如果當前焦點位於文本字段中，並且虛擬鍵盤顯示並且虛擬鍵盤上的「選項卡」按鈕被按下，焦點將移至日期字段，但日期選擇器對話框不顯示日期字段。這個問題發生在標準Android瀏覽器和Chrome中，如下所示：如何使日期選擇器對話框出現在標籤日期字段

使用標準的android瀏覽器，當從文本切換到日期時，鍵盤保持顯示狀態，即使輸入的字段是日期字段，日期選擇器對話框現在應該顯示。

使用Chrome，當從文本切換到日期時，鍵盤消失，但日期選取器對話框不顯示。

無論哪種方式，這是不可接受的。焦點通過Tab鍵移動到日期字段時，應顯示日期選取器對話框（與用戶觸摸輸入類型=日期框時顯示日期選取器對話框的方式完全相同）。

這無疑是Android 4.0.4操作系統中的另一個錯誤，我意識到這個錯誤充滿了這樣的錯誤。我的問題是這樣的：有沒有什麼編程方式可以解決這個問題，使日期選擇器對話框出現在日期字段選項卡使用虛擬鍵盤？

來源

2013-10-07 Obi Wan

嘗試使用此對您的黏合代碼

$('#datepicker').datepicker('show');

來源

2013-10-07 15:30:08

$("#element").focus(function(){ 
    $(".selector").datepicker("show"); 
}

來源

2013-10-07 15:31:39

我假設你想使用本地日期選擇器。

如果您發現這種情況只發生在您切換到日期輸入時，而不是點擊它們時，請嘗試偵聽焦點事件，模糊它，移除偵聽器，重新調焦，然後再次添加偵聽器。

這可能會導致界面不可接受的生澀，但是不存在DOM方法告訴你鍵盤狀態是否存在或者改變它們，除了指定輸入類型。

你會看到這種不一致是可悲的現行規範：http://mir.aculo.us/2013/08/30/handling-numerical-input-in-mobile-web-apps-or-a-sad-tale-of-two-keyboards/

來源

2013-10-07 15:40:07 zungaphobia

是的，我想使用本地日期選擇器。我需要與用戶點擊日期字段時出現的同一個選擇器，如果它們使用虛擬鍵盤選擇到該字段。是的，這只是當我選擇日期輸入而不是當我點擊日期輸入時發生。 –

如果模糊和重新對焦輸入不能解決它（或導致副作用），我不知道有任何其他方法來觸發本機選取器。您可能想要提交錯誤報告。 – zungaphobia

如何使日期選擇器對話框出現在標籤日期字段

回答

相關問題