jQuery UI Datepicker dailog() 方法

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

在本文中，我们将使用jQuery UI Datepicker dailog() 方法在对话框中打开日期选择器。

句法：

dialog( date [, onSelect ] [, options ] [, pos ] )

参数：

• 日期：它接受初始日期。它接受字符串或日期类型值。
• onSelect：选择日期时的回调函数。该函数接受日期文本和日期选择器实例作为参数。它接受函数() 类型的值。
• options：这是日期选择器的新选项。它接受选项类型值。
• pos：它接受对话框顶部/左侧的位置为 [x, y]。

CDN 链接：首先，添加项目所需的 jQuery UI 脚本。

示例：此示例描述了 jQuery UI Datepicker dailog() 方法的使用。

HTML

  

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

  

    
        
            GeeksforGeeks
        
  
        jQuery UI Datepicker dailog() Method
  
        Enter Date: 
  
        
    

  

输出：

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