欢迎来到.net学习网

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

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

DateTimeBox(日期时间输入框)

创建时间:2014年09月03日 09:35  阅读次数:(8561)
分享到:

DateTimeBox(日期时间输入框)

扩展自$.fn.datebox.defaults,使用$.fn.datetimebox.defaults重写默认值对象。

和日期输入框类似,日期时间输入框允许用户选择日期和指定的时间并按照指定的输出格式显示。相比日期输入框,它在下拉面板中添加了一个时间微调器。

 

依赖关系

  • datebox
  • timespinner

 

使用案例

使用标签创建日期时间输入框。

  1. <input class="easyui-datetimebox" name="birthday"    
  2.         data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">  

使用Javascript创建日期时间输入框。

  1. <input id="dt" type="text" name="birthday"></input>  
  1. $('#dt').datetimebox({   
  2.     value: '3/4/2010 2:3',   
  3.     required: true,   
  4.     showSeconds: false  
  5. });  

 

属性

日期时间输入框扩展自datebox(日期输入框),日期时间输入框新增的属性如下:

属性名 属性值类型 描述 默认值
showSeconds boolean 定义是否显示秒钟信息。 true
timeSeparator string 定义在小时、分钟和秒之间的时间分割字符。(该属性自1.3版开始可用) :

 

方法

日期时间输入框的方法扩展自datebox(日期输入框),日期时间输入框重写的方法如下:

方法名 方法参数 描述
options none 返回属性对象。
spinner none 返回时间微调器对象。
setValue value 设置日期时间输入框值。

代码示例:

$('#dt').datetimebox('setValue', '6/1/2012 12:30:56');    // 设置日期时间输入框的值
var v = $('#dt').datetimebox('getValue');         // 获取日期时间输入框的值
alert(v);
<
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

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

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

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

最新评论

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