Datepicker - 单击外部时关闭

Question

点击外部时，Datepicker不会关闭

如果我选择10/09并且当前日期是10/11并刷新浏览器，

然后它会在<input>标记上显示当前日期10/11，

但是，datepicker上的所选日期一直显示为10/09

我该如何解决这个问题？

我的代码如下：

<div class="form-inline" align="right">
  <input type="text" name="datepicker" id="datepicker" class="form-control" value='<%=selectDate%>' onchange="hide()">

  <script>
    $input = $("#datepicker");
    $('#datepicker').datepicker({
      dateFormat: 'yyyy-mm-dd'
    });
    $input.data('datepicker').hide = function() {};

  </script>
</div>

当我刷新浏览器时，

Answer 1

将type="text"更改为type="date"是否有效？像this JSFiddle

一样