Question

我正在使用引导日期选择器和jQuery验证。当字段为空且必填时，我将jquery validate设置为专注于输入。

但是，使用引导程序日期选择器时，焦点事件会导致日历打开。在我的情况下，这并不理想。我想知道是否有一种方法可以集中精力，但是要通过preventDefault之类的方法？

我做了一个jsfiddle。基本上，是否可以单击按钮将焦点放在元素上，但是没有打开日历？ https://jsfiddle.net/a2gkpxuh/焦点的主要目的是滚动页面，以便用户可以看到所需的元素。

$("#myButton").click(function () {
   //Some code to prevent default here?  Possibly disable datepicker before .focus event
   $("#myDatePicker").focus();
});

我想一种可能的解决方案是禁用datepicker，然后执行jQuery.validate（），然后重新启用datepicker。我觉得有更好的方法...

仅供参考，这是一个类似的问题：Set focus on Jquery datepicker on datepicker close, without opening datepicker

Answer 1

您可以在焦点后面隐藏日期选择器：

$("#myButton").click(function () {
    $("#myDatePicker").focus();
  $("#myDatePicker").datepicker('hide');
});

Answer 2

只需添加到Maxwell_Orr中，即可防止用户弹出日期选择器。

您可以执行以下操作：

__DIR__

引导日期选择器：无需打开即可集中注意力

2 个答案: