@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 | 得到当前秒值. |