📜  EasyUI jQuery 时间选择器小部件

📅  最后修改于: 2022-05-13 01:55:57.463000             🧑  作者: Mango

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


  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  

  
  

GeeksforGeeks

  

EasyUI jQuery timepicker widget

        


HTML


    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  


  

GeeksforGeeks

  

EasyUI jQuery timepicker widget

              


输出:

示例 2:

HTML



    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  


  

GeeksforGeeks

  

EasyUI jQuery timepicker widget

              

输出:

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