EasyUI-TimeSpinner(时间微调)
扩展自$.fn.spinner.defaults。使用$.fn.timespinner.defaults重写默认值对象。
时间微调组件的创建基于微调组件。它和数字微调类似,但是显示的时间值。时间微调组件允许用户点击组件右侧的小按钮来增加或减少时间。
依赖关系
- spinner
使用案例
使用标签创建时间微调组件。
-
<input id=“ss” class=“easyui-timespinner” style=“width:80px;”
-
required=“required” data-options=“min:’08:30′,showSeconds:true” />
使用Javascript创建时间微调组件。
-
<input id=“ss” style=“width:80px;”>
-
$(‘#ss’).timespinner({
-
min: ’08:30′,
-
required: true,
-
showSeconds: true
-
});
属性
该组件属性扩展自spinner(微调),该组件新增的属性如下:
属性名 |
属性类型 |
描述 |
默认值 |
separator |
string |
定义在小时、分钟和秒之间的分隔符。 |
: |
showSeconds |
boolean |
定义是否显示秒钟信息。 |
false |
highlight |
number |
初始选中的字段 0=小时,1=分钟… |
0 |
事件
该组件事件完全继承自spinner(微调)。
方法
该组件的方法扩展自spinner(微调),该组件重写的方法如下:
方法名称 |
方法参数 |
描述 |
options |
none |
返回属性对象。 |
setValue |
value |
设置时间微调组件的值。 代码示例: $(‘#ss’).timespinner(‘setValue’, ’17:45′); // 设置时间微调组件的值 |
getHours |
none |
获取当前的小时数。 |
getMinutes |
none |
获取当前的分钟数。 |
getSeconds |
none |
获取当前的秒数。 |
?
声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明:转自《EasyUI-TimeSpinner(时间微调)》
本文地址:http://www.xiupu.net/archives-2525.html
关注公众号:
微信赞赏
支付宝赞赏