一千萬個為什麽

搜索

如何禁用移動設備的datepicker UI

我喜歡datepicker UI,但很多人沒有。

我們要求在幾種形式上出生日期。每周我都會收到至少一個投訴,表示有人無法在手機上填寫表格。不確定是否有錯誤或用戶錯誤。我認為最簡單的方法是禁用手機。理想情況下,有一個圖標來觸發它。

我想知道是否有一種聰明/安全的方式來使用css,所以我們可以使用@media查詢來禁用移動設備。

我正在試驗

#ui-datepicker-div { z-index:-9999; 顯示:無!重要; }

這似乎工作,但禁用驗證。尋找任何其他敏銳的想法。

最佳答案

要使用移動設備的本機日期選擇器,該字段需要 type =“date”。因此,禁用datepicker彈出窗口並使用本機設備的代碼可能如下所示:

(function($) {
  $.ui.datepicker.prototype.options.focus = "button";

  $(document).on('crmLoad', function($region) {
    $('input.dateplugin', $region).each(function() {
      this.type = 'date';
    });
  });
})(CRM.$);

轉載註明原文: 如何禁用移動設備的datepicker UI