jquery日期选择器在模糊上隐藏

我一直在查找这些论坛，了解如何将jquery datepicker更改为隐藏在focusout上。下面是我的表单元素的外观

<form:input path="weekEndingDate" class="{required:true} datepicker" placeholder="enter a value"/>

但出于某种原因，这似乎对我不起作用

日期选择器甚至没有出现。但是如果我这样做了，我会让它显示出来

// Date picker.
$( "#weekEndingDate").datepicker({
    dateFormat: 'dd/mm/yy'
}); 

$('#weekEndingDate').focus(function() {
    $(this).datepicker("show");
  }) 

有人能告诉我我做错了什么吗？在检查日期字段时，它确实具有hasDatepicker类，如下所示

<input type="text" value="" class="{required:true} datepicker hasDatepicker" placeholder="enter a value" name="weekEndingDate" id="weekEndingDate">

---

谢谢

我认为您的事件焦点或模糊功能无法正常工作！你是说像@ArunPJohny，我认为这是默认行为，如果省略事件处理程序，有什么区别？举个例子，对不起，伙计们，我想我搞错了。我实际上希望它做的是当用户鼠标离开输入字段或日历时。那会是什么？

<input type="text" value="" class="{required:true} datepicker hasDatepicker" placeholder="enter a value" name="weekEndingDate" id="weekEndingDate">

TypeError: a jquery-ui-1.8.16.custom.min.js Line 530