EasyUI jQuery 时间选择器小部件

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

在本文中，我们将学习如何使用 jQuery EasyUI 设计时间选择器。 TimePicker 小部件用于显示可用于选择所需格式的时间的选择器。

EasyUI for jQuery 下载：

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

句法：

特性：

• closeText ：它是关闭按钮显示的文本。
• okText ：它是为 ok 按钮显示的文本。
• value ：它是选择器的默认时间。
• ampm ：这些是 AM 和 PM 按钮的标签。
• hour24 ：定义是否以 24 小时格式显示时间。

方法：

• 选项：它返回选项对象。
• getValue：它获取组件值。
• setValue：它设置组件值。
• 重置：它重置组件值。

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

示例 1：

HTML

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    $('#gfg').timepicker({
      hour24: false
    })
  

  

  
  GeeksforGeeks
  EasyUI jQuery timepicker widget
  
  
  

输出：

示例 2：

HTML

    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  


  GeeksforGeeks
  EasyUI jQuery timepicker widget
  
  
  
  
  
  
    // Initialize the EasyUI TimePicker
    $('#gfg').timepicker({
      hour24: false
    });
  

输出：

参考： https : //www.jeasyui.com/documentation/timepicker。 PHP