OStack程序员社区-中国程序员成长平台

标题: javascript - jQuery DatePicker，在 iOS 上隐藏数据类型日期 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 17:08
标题: javascript - jQuery DatePicker，在 iOS 上隐藏数据类型日期

我在我的 Web 应用程序中使用 jQuery DatePicker，但我想在 iOS 上使用该应用程序时使用原生 type="date"，因此它使用 iOS 中的原生日期选择器代替 Safari 。

主要的一点是，我不希望用户放弃功能，不管他们的设备是什么，但是我对 iOS 上的 jQuery DatePicker 不满意，因为它使用起来很笨拙，并且偶尔会弄乱应用程序的设计。

如果我使用 type="date" 那么它现在的编写方式，我会同时显示 jQuery DatePicker，以及用于日期的原生 iOS 函数。

基本上需要对 type="date" 的支持进行某种检测，但是这似乎相当缺乏，因为某些浏览器会声称支持日期类型，但这并不一定意味着他们提供日期用户界面。

P.S Android/Windows 手机是否有 type="date" 的原生函数？

---

代码示例

<div class="col-xs-5 col-sm-4">
  <input type="date" class="form-control date-picker" id="formatD" name="formatD" placeholder="Enter date of format approval" value="<?php echo $app->getCurrentDate() ?>">
</div>

<script>
  $(function() {

    $( ".date-picker" ).datepicker({
      format: "dd/mm/yyyy"
    });

  });
</script>

---

Best Answer-推荐答案

你必须检测浏览器是否支持原生输入日期，如果不支持，则调用日期时间选择器js库。如何检测输入日期支持？

这里 in this question

关于javascript - jQuery DatePicker，在 iOS 上隐藏数据类型日期，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33682210/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4