jQuery UI Datepicker destroy() 方法(1)

📌 相关文章

📜 jQuery UI Datepicker destroy() 方法(1)

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

jQuery UI Datepicker destroy() 方法

简介

jQuery UI Datepicker 是一个强大、高度可定制、易于使用的日期选择器插件。当需要删除已创建的日历实例时，可以使用 destroy() 方法。该方法将删除由 Datepicker 插件创建的所有日历 HTML 元素，同时撤销插件与输入域的绑定。

语法

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

参数

无参数。

返回值

该方法没有返回值。

示例

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker destroy() 方法示例</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
    $( function() {
      // 创建日期选择器实例
      $( "#datepicker" ).datepicker();
      
      // 在点击按钮时销毁日期选择器实例
      $( "#destroy" ).click( function() {
        $( "#datepicker" ).datepicker( "destroy" );
      });
    });
  </script>
</head>
<body>
 
  <input type="text" id="datepicker">
  <button id="destroy">销毁日历</button>
 
</body>
</html>

该示例演示了如何使用 destroy() 方法销毁已创建的日期选择器实例。通过点击 "销毁日历" 按钮来触发销毁操作。

总结

通过 destroy() 方法可以方便地销毁已经创建的日期选择器实例。当不再需要该实例时，可以使用该方法清除所有 HTML 元素并撤销插件与输入域的绑定。该方法没有返回值。