javascript - 如果是移动设备，则更改输入类型值

Question

伙计们，我正在使用 jquery UI 库进行日期选择和时间选择器插件。所有在 PC 上工作，但我想将 input type 从 text 更改为 date 或 time。

当我在移动设备上测试时，我希望移动设备使用默认的日期时间选择器(滚动器)。

默认情况下，我只使用简单的代码来显示对话框

$('.datepicker').datepicker();
$('.timepicker').timepicker();

那么是否可以判断是不是移动设备呢？如果是，请将类型更改为日期或时间。

我尝试创建一个函数来检测用户是否连接到移动设备，但它不起作用

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
      var date = document.getElementById('datepicker');
      date.setAttribute('type','date');
}

但是当我检查它是否是移动设备时，这个功能就起作用了

function isMobile() { return ('ontouchstart' in document.documentElement); }

这是完整的工作代码:

<script>
    (function() {
        var date = $(".datepicker");
        var time = $(".timepicker");
        var isTouchDevice = 'ontouchstart' in document.documentElement;

         if ( isTouchDevice ) {
             date.attr("type", "date");
             time.attr("type", "time");

        } else {
             date.attr("type", "text");
             $('.datepicker').datepicker();
             $('.timepicker').timepicker();
        }

    })();

</script>

Answer 1

您可以像这样检查所有触摸设备:

var isTouchDevice = 'ontouchstart' in document.documentElement;
if ( isTouchDevice ) {
  // do mobile handling
  var date = $('.datepicker');
  date.attr('type','date');
} else {
  // do default handling
}