jQuery EasyUI 表单插件 - Timespinner 时间微调器
扩展自 $.fn.spinner.defaults。通过 $.fn.timespinner.defaults 重写默认的 defaults。
时间微调器(timespinner)是基于微调器(spinner)创建的。它与数值微调器(numberspinner)相似,但是它只显示时间值。时间微调器(timespinner)允许用户通过点击组件右侧的小微调按钮来增加或减少时间。
依赖
- spinner
用法
从标记创建时间微调器(timespinner)。
<input id="ss" class="easyui-timespinner" style="width:80px;" required="required" data-options="min:'08:30',showSeconds:true">
使用 javascript 创建时间微调器(timespinner)。
<input id="ss" style="width:80px;">
$('#ss').timespinner({ min: '08:30', required: true, showSeconds: true });
属性
该属性扩展自微调器(spinner),下面是为时间微调器(timespinner)添加的属性。
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
separator | string | 时分秒之间的分隔符。 | : |
showSeconds | boolean | 定义是否显示秒的信息。 | false |
highlight | number | 初始高亮的域,0 = 时,1 = 分,... | 0 |
事件
该事件扩展自微调器(spinner)。
方法
该方法扩展自微调器(spinner),下面是为时间微调器(timespinner)重写的方法。
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
setValue | value | 设置时间微调器(timespinner)的值。 代码实例: $('#ss').timespinner('setValue', '17:45'); // set timespinner value var v = $('#ss').timespinner('getValue'); // get timespinner value alert(v); |
getHours | none | 获取当前的时钟的值。 |
getMinutes | none | 获取当前的分钟的值。 |
getSeconds | none | 获取当前的秒钟的值。 |
点击查看所有 jQuery EasyUI 教程 文章: https://www.codercto.com/courses/l/42.html
Head First Design Patterns
Elisabeth Freeman、Eric Freeman、Bert Bates、Kathy Sierra、Elisabeth Robson / O'Reilly Media / 2004-11-1 / USD 49.99
You're not alone. At any given moment, somewhere in the world someone struggles with the same software design problems you have. You know you don't want to reinvent the wheel (or worse, a flat tire),......一起来看看 《Head First Design Patterns》 这本书的介绍吧!