顶部广告位

DateTimeBox(日期时间输入框)

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

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

依赖关系

datebox

timespinner

示例

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

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

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

<input id="dt" type="text" name="birthday"></input>

$('#dt').datetimebox({
                          
                            value: '3/4/2010 2:3',
                              
                                required: true,
                                  
                                    showSeconds: false  
                                    });

属性

属性名 属性值类型 描述 默认值
spinnerWidth number 定义datetimebox组件嵌入的时间微调器的宽度。 100%
showSeconds boolean 定义是否显示秒钟信息。 true
timeSeparator string 定义在小时、分钟和秒之间的时间分割字符。(该属性自1.3版开始可用) :

方法

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

代码示例:

$('#dt').datetimebox('setValue', '6/1/2012 12:30:56');    // 设置日期时间输入框的值
var v = $('#dt').datetimebox('getValue');		         // 获取日期时间输入框的值
alert(v);

鄂ICP备16023636号 © 2017 菜鸟程序员