jQuery EasyUI form plugin - Datetimebox date and time frame
jQuery EasyUI plugin Extended from $ .fn.datebox.defaults. By $ .fn.datetimebox.defaults override the default defaults.
And date box (datebox) is similar to the date and time frame (datetimebox) allows the user to select a date and time date and time to be displayed with the specified format. It is time to add a spinner (timespinner) components to the drop-down panel.
rely
- datebox
- timespinner
usage
Create a time frame from the date mark (datetimebox).
<Input class = "easyui-datetimebox" name = "birthday"
data-options = "required: true, showSeconds: false" value = "3/4/2010 2: 3" style = "width: 150px">
Use javascript creation date time frame (datetimebox).
<Input id = "dt" type = "text" name = "birthday">
$ ( '# Dt'). Datetimebox ({
value: '3/4/2010 2: 3',
required: true,
showSeconds: false
});
Attributes
The property extends from the date box (datebox), the following is the date and time frame (datetimebox) added property.
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| showSeconds | boolean | 定义是否显示秒的信息。 | true |
| timeSeparator | string | 时分秒之间的时间分隔符。该属性自版本 1.3 起可用。 | : |
method
The methods extend from the date box (datebox), the following is the date and time frame (datetimebox) method overridden.
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）对象。 |
| spinner | none | 返回时间微调器（timespinner）对象。 |
| setValue | value | 设置日期时间框（datetimebox）的值。 代码实例：
$('#dt').datetimebox('setValue', '6/1/2012 12:30:56'); // set datetimebox value
var v = $('#dt').datetimebox('getValue'); // get datetimebox value
alert(v);
|
jQuery EasyUI plugin