javascript - bootstrap-date_picker 联合响应 html5 类型日期用于 iphone 视图

Question

我使用 bootstrap 2.3.2 构建了一个对 iphone 友好的视图，并且 bootstrap-date_picker bootstrap-date_picker 运行良好，除非视图在 iphone 上呈现。我想要标准的 html5 标签type='date'没有@media 的 datepicker 行为（最大宽度：767px）

我想知道如何实现这种行为。

我的观点：

<input class="string date_picker optional" data-date-autoclose="true" data-date-format="dd.mm.yyyy" data-date-language="ru" id="ride_trip_date" name="ride[trip][date]" type="text">

我的js：

$("input.date_picker").datepicker()

我不能用.visible-phone做第二部分，因为这个输入是我模型的嵌套属性数组

Answer 1

使用window.matchMedia()：

if (window.matchMedia("(min-width: 768px)").matches) {
  $("input.date_picker").datepicker();
}