@author YHC
从$.fn.spinner.defaults继承,覆盖默认值$.fn.timespinner.defaults.
timespinner
的创建是基于spinner,很类似于numberspinner 但是显示的是时间值,timespinner允许用户通过点击组件右边的小的spinner
按钮增加值和减少值.
相关依赖
- 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的新增属性.
| Name | Type | Description | Default |
|---|---|---|---|
| separator | string | 这个分隔符在小时和分钟和秒之间. | : |
| showSeconds | boolean | 定义是否显示秒信息. | false |
| highlight | number | 初始化的时候高亮字段, 0 = 小时, 1 = 分钟, … | 0 |
事件
事件从spinner继承.
方法
方法从spinner继承, 下面是timespinner重写的方法.
| Name | Parameter | Description |
|---|---|---|
| options | none | 返回options对象. |
| setValue | value |
设置timespinner值.
示例代码: $('#ss').timespinner('setValue', '17:45'); // 设置 timespinner值
var v = $('#ss').timespinner('getValue'); // 获取 timespinner 值
alert(v);
|
| getHours | none | 得到当前小时值. |
| getMinutes | none | 得到当前分钟值. |
| getSeconds | none | 得到当前秒值. |
以上如果有错误信息,请指出 thanks!