📜  如何销毁 jQuery UI 中的日期选择器?(1)

📅  最后修改于: 2023-12-03 15:09:17.701000             🧑  作者: Mango

如何销毁 jQuery UI 中的日期选择器?

如果你在使用 jQuery UI 的日期选择器,并且想要销毁它,你可以使用官方文档中提供的 destroy 方法。

调用 destroy 方法

可以通过以下代码来调用 destroy 方法,从而销毁日期选择器:

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

其中,selector 是你想要销毁的日期选择器的 HTML 元素的选择器。

示例

以下是一个示例,展示了如何销毁一个日期选择器:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>销毁日期选择器示例</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>

  <input type="text" id="datepicker">

  <script>
    $( "#datepicker" ).datepicker();

    setTimeout(function() {
      $( "#datepicker" ).datepicker( "destroy" );
    }, 5000);
  </script>

</body>
</html>

在这个示例中,我们创建了一个日期选择器并在页面上展示它。然后我们使用 setTimeout 函数来延迟 5 秒后执行销毁操作。

结论

使用 destroy 方法来销毁 jQuery UI 的日期选择器非常简单。只需要传入选择器即可销毁该元素对应的日期选择器。