对话框关闭jquery时隐藏日期选择器

我试图在关闭对话框时隐藏日期选择器

这是我用过的

$("#dialog_edit_calendar").dialog({
    close: function () {
        $('#edit-calendar-form')[0].reset();
        $("#calendardate").datepicker("hide");
    }
});

我也试过了

$("#calendardate").datepicker("remove");

但它失败了

这是我的html

 <input class="required" maxlength="10" type="text" data-error-type="inline" name="calendardate"
                id="calendardate" onchange="showDaytoSelectedDate1()"/>

这个例子是小提琴吗

我的情况是，当我打开对话框时，日期选择器不应打开

$（“#calendardate”）.css（'display'，'none'）

或

$（“#calendardate”）.attr（'style'，'display:none；'）

应该行得通

这里行得通

更新：以防止在调用jQuery UI模式时关注第一个输入。 以下是用多种解决方案讨论的问题

更新

如果使用，甚至可以使用其他隐藏效果

$("#calendardate").hide();

@戴夫给了我答案

---

在我打开对话框时隐藏datepicker

我认为它是

destroy

，相反，remove似乎不是API的一部分（也是隐藏），您能给我们一些额外的信息吗？也许是你的html代码？我也使用了destroy，但如果我再次打开对话框时使用destroy，则datepicker不会打开你使用的是哪个版本的jQuery UI，，，我尝试了“hide”，我在下面的JSFIDLE中工作..谢谢！但是很抱歉，这隐藏了输入框我想隐藏日期选择器而不是输入框在选择日期后是否要隐藏它？或者根据自定义要求在这种情况下使用：$（“#dialog_edit_calendar”）。dialog（'close'）这是我的方案，感谢您的支持fiddle@rp3220这是你的代码更新。我在的open:function（）{…}中添加了代码dialog@rp3220问题基本上是当对话框打开时，焦点设置在第一个输入元素上。。这里是讨论的问题，有很多解决方案，谢谢！但是很抱歉，这隐藏了输入框我想隐藏日期选择器而不是输入框

 $("#dialog").dialog({

  ...
  open: function(){
      $('input:first').blur();
      $('#ui-datepicker-div').hide(); // required to hide datepicker container DIV immediately.
      $("#datepicker1").datepicker('hide'); // required to hide datepicker.
  }
  ...
  });

$("#calendardate").hide();

$("#dialog_edit_calendar").dialog({
open: function () {
    $('input:first').blur();
    $('#ui-datepicker-div').hide();
    $("#calendardate").datepicker("hide");
   }
});