EasyUI-TimeSpinner(时间微调)

扩展自$.fn.spinner.defaults。使用$.fn.timespinner.defaults重写默认值对象。

微调组件的创建基于微调组件。它和数字微调类似,但是显示的值。微调组件允许用户点击组件右侧的小按钮来增加或减少


 
 


  • spinner

 
 

使用案例

使用标签创建微调组件。

  1.  id=“ss” class=-timespinner”  style=“width:80px;”  
  2.         required=“required” data-options=“min:'08:30′,showSeconds:true” />  


使用创建时间微调组件。

  1.  id=“ss” style=“width:80px;”>  


  1. $(‘#ss').timespinner({   
  2.     min: '08:30′,   
  3.     required: true,   
  4.     showSeconds: true  
  5. });  


 
 

属性

该组件属性扩展自spinner(微调),该组件新增的属性如下:

属性名

属性类型

描述

默认值

separator

string

定义在小时、分钟和秒之间的分隔符。

:

showSeconds

boolean

定义是否显示秒钟信息。

false

highlight

number

初始选中的字段 0=小时,1=分钟

0

 
 

 
 

 
 

 
 

 
 

事件

该组件事件完全继承自spinner(微调)

 
 

方法

该组件的方法扩展自spinner(微调),该组件重写的方法如下:

方法名称

方法参数

描述

options

none

返回属性对象。

setValue

value

设置时间微调组件的值。

代码示例:

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

getHours

none

获取当前的小时数。

getMinutes

none

获取当前的分钟数。

getSeconds

none

获取当前的秒数。

?

声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 智乐兔
转载请注明:转自《EasyUI-TimeSpinner(时间微调)
本文地址:https://www.zhiletu.com/archives-2525.html
关注公众号:智乐兔

赞赏

wechat pay微信赞赏alipay pay支付宝赞赏

上一篇
下一篇

相关文章

在线留言

你必须 登录后 才能留言!

在线客服
在线客服 X

售前: 点击这里给我发消息
售后: 点击这里给我发消息

智乐兔官微