📜  EasyUI jQuery 日期时间框小部件

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

EasyUI jQuery 日期时间框小部件

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

在本文中,我们将学习如何使用 jQuery EasyUI 设计日期时间框。 datetimebox 小部件是一个日历,还可以访问日期、月份、年份和时间。

EasyUI for jQuery 下载:

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

句法:

特性:



  • currentText:要为当天按钮显示的文本。
  • closeText:要为关闭按钮显示的文本。
  • okText:确定按钮显示的文本。
  • spinnerWidth:嵌入日期时间框的timespinner组件的宽度。
  • showSeconds:定义是否显示第二条信息。
  • hour12:定义是否以 12 小时格式显示时间。
  • timeSeparator:时分秒之间的时间分隔符。

方法:

  • 选项:返回选项对象。
  • spinner:返回timespinner 对象。
  • setValue:设置日期时间框值。
  • cloneFrom:从源日期时间框克隆日期时间框。

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

示例 1:

HTML
 
 
  
 
     
     
              
    
     
  
     
  
     
  
    
     
  
    
     
      
    
     
  
     
 
  

  
    

GeeksforGeeks

    

EasyUI jQuery datetimebox widget

            


输出:

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