顶部广告位

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  
                                    });

属性

属性名 属性类型 描述 默认值
separator string 定义在小时、分钟和秒之间的分隔符。 :
showSeconds boolean 定义是否显示秒钟信息。 false
highlight number 初始选中的字段 0=小时,1=分钟... 0

方法

方法名称 方法参数 描述
options none 返回属性对象。
setValue value 设置时间微调组件的值。

代码示例:

$('#ss').timespinner('setValue', '17:45');  // 设置时间微调组件的值

var v = $('#ss').timespinner('getValue'); // 获取时间微调组件的值
alert(v);
getHours none 获取当前的小时数。
getMinutes none 获取当前的分钟数。
getSeconds none 获取当前的秒数。

鄂ICP备16023636号 © 2017 菜鸟程序员