javascript - 如何让 Anytime 日期选择器有选择地触发

Question

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

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

AnyTime.picker(element_id)

element_id 是包含元素 ID 的字符串。
单击该元素时，它会显示 Anytime 日期选择器控件。

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

更具体地说，我想在从移动设备浏览时禁止它，并使用 HTML5 日期对话框(或者仅使用文本输入，如果它不可用)。我找到了一种方法，可以在网站处于“移动布局”时显示 HTML5 日期对话框，使用 JavaScript 中的媒体查询 (window.matchMedia())，但最终我得到了两者任何时间和 HTML5 日期对话框都绑定(bind)到该元素，单击它就会弹出这两个对话框。我希望 Anytime 在这种情况下不会出现...

除了修改 Anytime 源以仅有条件地触发之外，我找不到任何有效的东西......

我尝试使用 Anytime_noPicker() 删除日期选择器，但它不起作用，而且如果它确实起作用的话，无论如何这将是一个非常不优雅的解决方案。

Answer 1

您可以将其放在 window.matchMedia() 测试的 else 条件中，而不是每次都调用 AnyTime.picker() 。例如:

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