jQuery UI Datepicker closeText 选项

jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI Datepickers 小部件允许用户轻松直观地输入日期。在本文中，我们将看到如何在 jQuery UI Datepicker 中使用 closeText 选项。 closeText选项用于通过仅单击 jQuery UI Datepicker 中的文本来关闭 Datepicker。

句法：

$(".selector").datepicker(
   {closeText: 'tap',
    showButtonPanel: true}
);

方法：

• 首先，添加项目所需的 jQuery UI 脚本。

例子 ：

HTML

   
      
      
      
      
      
      
 
      
      
 
         $(function() {
            $( "#gfg" ).datepicker(
                {closeText: 'tap',
                showButtonPanel: true}
            );
         });
      
   
       GeeksforGeeks
    jQuery UI | datepicker closeText option
    
   
      
       
Enter Date: 
 
   

输出：

参考： https://api.jqueryui.com/datepicker/