javascript - 如何随时选择触发日期选择器

我在某些输入元素上使用Anytime日期选择器。

这是在元素上设置的方式：

AnyTime.picker(element_id)

其中element_id是包含元素ID的字符串。
单击该元素时，它将调出Anytime datepicker控件。

它可以正常工作，但是在某些情况下，如果满足某些条件，我想防止它触发。我似乎找不到合适的方法来做到这一点。

更具体地说，我想在从移动设备浏览时禁止它，而是改用HTML5日期对话框（或者如果不可用，则仅输入文本）。我已经找到了一种方法，可以使用JavaScript（window.matchMedia()）中的媒体查询在网站处于“移动版式”时显示HTML5日期对话框，但是最终我将Anytime和HTML5日期对话框都与元素，然后单击它将同时显示这两个元素。我希望任何时候都不会出现这种情况...

我找不到任何有效的方法，只是修改了Anytime源以仅有条件地触发...

我试过用Anytime_noPicker（）删除datepicker，但是它不起作用，如果它确实起作用的话，那将是一个非常不优雅的解决方案。

最佳答案

您可以将其放在window.matchMedia（）测试的else条件内，而不必每次都调用AnyTime.picker（）。例如：

if ( window.matchMedia(...) )
   // use input type="date" here
else
   AnyTime.picker('element-id');