jQuery UI Datepicker hide() 方法

jQuery UI 由 GUI 小部件、视觉效果和使用 HTML、CSS 和 jQuery 实现的主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI Datepickers 小部件允许用户轻松直观地输入日期。

在本文中，我们将使用 jQuery UI Datepicker hide()方法关闭之前打开的日期选择器小部件。此方法不接受任何参数。

句法：

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

方法：首先，添加项目所需的 jQuery UI 脚本。

示例：此示例演示 Query UI Datepicker hide()方法。

HTML

  

    
    
    
    
    
    
  
    
    
        $(function () {
            $("#dateID").datepicker();
            $("#dateID").datepicker("dialog", "10/12/2012");
  
            $("#btn").on('click', function () {
                $("#dateID").datepicker("hide");
            });
        });
    

  

    
        
            GeeksforGeeks
        
  
        jQuery UI Datepicker hide() Method
  
        
          
          
Enter Date: 
  
    

输出：

参考： https://api.jqueryui.com/datepicker/#method-hide