第二百一十九节,jQuery EasyUI,DateTimeBox(日期时间输入框)组件
2023-09-14 08:58:24 时间
jQuery EasyUI,DateTimeBox(日期时间输入框)组件
学习要点:
1.加载方式
2.属性列表
3.方法列表
本节课重点了解 EasyUI 中 DateTimeBox(日期时间输入框)组件的使用方法,这个组 件依赖于 DateBox(日期输入框)组件和 TimeSpinner(时间微调)组件。
一.加载方式
class 加载方式
<input id="box" class="easyui-datetimebox">
datetimebox()将一个输入框执行日期时间输入框组件方法
JS 加载调用
$(function () { $('#box').datetimebox({ value: '2015-6-1 15:11:12', }); });
二.属性列表
DataTimeBox 属性,扩展自 DateBox(日期输入框)组件
showSeconds boolean 定义是否显示秒钟信息。默认值为 false。
$(function () { $('#box').datetimebox({ showSeconds:true }); });
timeSeparator String 定义在小时、分钟和秒之间的时间分割线。默认为“:”。
$(function () { $('#box').datetimebox({ showSeconds:true, timeSeparator:'/' }); });
三.方法列表
DateTimeBox 方法,扩展自 DateBox(验证框)
options none 返回属性对象。
$(function () { $('#box').datetimebox({ showSeconds:true, }); alert($('#box').datetimebox('options')); });
setValue value 设置日期时间输入框的值。
$(function () { $('#box').datetimebox({ showSeconds: true, }); //取值赋值 $('#box').datetimebox('setValue', '2015-6-1 11:11:11'); alert($('#box').datetimebox('getValue')); });
spinner None 返回时间微调器对象。
$(function () { $('#box').datetimebox({ showSeconds: true, }); $('#box').datetimebox('spinner').spinner('getValue'); //返回时间微调器对象,设置时间微调值 });
我们可以使用$.fn.datetimebox.defaults 重写默认值对象。
相关文章
- jquery中事件委派代码分析以及jQuery中delegate和on的用法与区别详细解析
- [Web 前端] 流行的JavaScript库 ——jQuery
- jQuery最简单的留言功能^-^
- Jquery对table表格的动态修改
- JQuery中eq()和get()的区别
- 第二百二十七节,jQuery EasyUI,ComboTree(树型下拉框)组件
- 第二百二十六节,jQuery EasyUI,Tree(树)组件
- 第二百零九节,jQuery EasyUI,Pagination(分页)组件
- 第一百九十四节,jQuery EasyUI,Droppable(放置)组件
- 第一百九十六节,jQuery EasyUI,Tooltip(提示框)组件
- 电子签章盖章之jQuery插件jquery.zsign
- jQuery EasyUI API 中文文档 - Panel面板
- JQuery模板插件jquery.tmpl-动态ajax扩展
- jQuery easyUI--弹窗的使用
- jQuery easyUI--tabs选项卡面板
- jquery 文件上传插件Uploadify 初探
- jQuery回到顶部插件jQuery GoUp
- js-jquery-SweetAlert【一】使用
- jQuery EasyUI实现全部关闭tabs
- jQuery EasyUI 拖放 - 创建学校课程表
- jQuery EasyUI 应用 - 创建展开行明细编辑表单的 CRUD 应用