如何在<input type ="date"/> HTML5输入日期元素的更改时关闭日期选择器

Question

我有一个HTML5 <input type="date" />字段,我想立即回复更改日期.

目前,输入字段部分遮盖了日期更改时更改的数据,因此我希望在更改日期后自动关闭日历选择器.

我试过改变.blur(),但这没有任何效果.触发事件,我可以获取新的日期值,但不会隐藏日期选择器.欢迎任何建议.

  .bind('change', function(){
    var input = $(this);
    if(input.is(':valid'))
    {
      input.blur();
    }
  });

[UPDATE]

到目前为止,我还在页面上添加了一个额外的输入元素(<input type="text" id="hideMyCalendar" />),而不是input.blur();做一个$('#hideMyCalendar').focus();但是这也不会隐藏选择器,即使焦点在视觉上被带到另一个控件.到目前为止,我认为,唯一可行的方法是调用chrome(webkit)特定方法,但我还没有将这样的方法存在(尚未).

Answer 1

尝试这个：

$( ".selector" ).datepicker( "hide" );

参考： http: //api.jqueryui.com/datepicker/#method-hide