欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » JQuery EasyUI 1.3.6官方API文档中文版 » 正文

TimeSpinner(时间微调)

创建时间:2014年09月04日 09:37  阅读次数:(5603)
分享到:

TimeSpinner(时间微调)

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

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

 

依赖关系

  • spinner

 

使用案例

使用标签创建时间微调组件。

  1. <input id="ss" class="easyui-timespinner"  style="width:80px;"  
  2.         required="required" data-options="min:'08:30',showSeconds:true" />  

使用Javascript创建时间微调组件。

  1. <input 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 获取当前的秒数。
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 17+80=? 的结果(结果是:97)
结  果: