easyUI TimeSpinner

@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!