如何在 jQuery UI DatePicker 中更改日期格式？

在本文中，我们将学习 jQuery 中的 Datepicker。 jQuery 是最快和轻量级的 JavaScript 库，用于简化 HTML/CSS 文档，或者更准确地说是文档对象模型 (DOM) 和 JavaScript 之间的交互。

jQuery 以其“少写，多做”的座右铭而广为人知。 ”它只是意味着你只需编写几行代码就可以实现你的目标。

在许多形式中，您可以从日历中选择日期和年份。 Datepicker 是输入字段的标准形式，用于通过查看日历来选择日期和年份。它是指定叠加层中的交互式日历。

当您单击日历中提到的任何日期时，反馈将出现在输入文本中。

方法：

• 创建一个 HTML 文件并导入 jQuery 库。
• jQuery datepicker() 方法用于创建交互式日历的覆盖。
• 根据需要将 CSS 应用到您的应用程序。

语法 1：

    $(function() {
        $("#txtDate").datepicker({ 
            dateFormat: 'dd/mm/yy' 
        });
    });

例子：

HTML

  

    
        jQuery UI datepicker format dd/mm/yyyy
    
    
    
    
    
    
  
    
        .ui-datepicker {
            font-size: 8pt !important
        }
  
        body {
            text-align: center;
            background-color: lightgray;
        }
    

  

    
        GeeksforGeeks
    
      
    
        
            Date: 
        
  
        
            $(function () {
                $("#txtDate").datepicker({ 
                    dateFormat: 'dd/mm/yy' 
                });
            });
        
    

  

输出：

语法 2：

    $(function() {
        $("#txtDate").datepicker({ 
            dateFormat: 'yy/mm/dd' 
        });
    });

例子：

HTML

  

    
        jQuery ui datepicker format dd/mm/yyyy
    
    
    
    
    
    
  
    
        .ui-datepicker {
            font-size: 8pt !important
        }
  
        body {
            text-align: center;
            background-color: lightgray;
        }
    

  

    
        GeeksforGeeks
    
      
    
        
            Date: 
        
  
        
            $(function () {
                $("#txtDate").datepicker({ 
                    dateFormat: 'yy/mm/dd' 
                });
            });
        
    

  

输出：