EasyUI jQuery 日期框小部件

EasyUI 是一个 HTML5 框架，用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。

在本文中，我们将学习如何使用 jQuery EasyUI 设计日期框。 datebox 小部件是一个用于访问日期、月份和年份的日历。

EasyUI for jQuery 下载：

https://www.jeasyui.com/download/index.php

句法：

特性：

• panelWidth：下拉日历面板宽度。
• panelHeight：下拉日历面板高度。
• currentText：要为当天按钮显示的文本。
• closeText：要为关闭按钮显示的文本。
• okText：确定按钮显示的文本，为 datetimebox 插件保留。
• 禁用：当为真时禁用该字段。
• 按钮：日历下方的按钮。

事件：

• onSelect：当用户选择日期时触发。

方法：

• 选项：返回选项对象。
• 日历：获取日历对象。
• setValue：设置日期框值。
• cloneFrom：从源日期框克隆日期框

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

 

示例 1：

HTML

 
 
  
 
     
     
              
    
     
  
     
  
     
  
    
     
     
  
    
     
     
      
    
     
     
  
     
      $(document).ready(function (){ 
        $('#gfg').datebox({ 
          closeText: 'text',
        }); 
      }); 
     
 
  

  
    GeeksforGeeks
    EasyUI jQuery datebox widget
    
  

输出：

参考： http://www.jeasyui.com/documentation/