TimeSpinner

时间微调组件允许用户点击组件右侧的小按钮来增加或减少时间。

通过input标签来创建，需要我们将它的class属性值设置为easyui-timespinner。

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

设置时间微调组件的值。 代码如下：

$('#ss').timespinner('setValue', '17:45');  // 设置时间微调组件的值
var v=$('#ss').timespinner('getValue');  // 获取时间微调组件的值
alert(v);