网博开发者社区

 找回密码
 立即注册
搜索
查看: 18|回复: 0

jQuery EasyUI 入门(36)

[复制链接]

59

主题

67

帖子

254

积分

老师

积分
254
发表于 6 天前 | 显示全部楼层 |阅读模式
TimeSpinner(时间微调)
扩展自$.fn.spinner.defaults。使用$.fn.timespinner.defaults重写默认值对象。
时间微调组件的创建基于微调组件。它和数字微调类似,但是显示的时间值。时间微调组件允许用户点击组件右侧的小按钮来增加或减少时间。
使用案例
使用标签创建时间微调组件。


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

        <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;">

        <input id="ss" style="width:80px;">


  • $('#ss').timespinner({
  •     min: '08:30',
  •     required: true,
  •     showSeconds: true
  • });

        $('#ss').timespinner({                min: '08:30',                required: true,                showSeconds: true        });
属性
该组件属性扩展自spinner(微调),该组件新增的属性如下:
属性名属性类型描述默认值
separatorstring定义在小时、分钟和秒之间的分隔符。:
showSecondsboolean定义是否显示秒钟信息。false
highlightnumber初始选中的字段 0=小时,1=分钟...0
事件
该组件事件完全继承自spinner(微调)。
方法
该组件的方法扩展自spinner(微调),该组件重写的方法如下:
方法名称方法参数描述
optionsnone返回属性对象。
setValuevalue设置时间微调组件的值。 代码示例:
$('#ss').timespinner('setValue', '17:45');  // 设置时间微调组件的值
var v = $('#ss').timespinner('getValue');  // 获取时间微调组件的值
alert(v);
getHoursnone获取当前的小时数。
getMinutesnone获取当前的分钟数。
getSecondsnone获取当前的秒数。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|网博开发者社区 ( 苏ICP备05021715号-1 )

GMT+8, 2018-12-12 03:17 , Processed in 0.065343 second(s), 26 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表