在jQuery EasyUI的1.1版本以后又添加了几个新的插件,日期框就在其内,在web查询信息的时候经常会用到日期框,下面来看一下jQuery EasyUI的效图:

HTML代码:
- <input id="dd" type="text"></input>
然后按照《jQuery EasyUI框架使用文档》包含必要文件后,在$(function(){ }); 里插入下面的代码即可:
- $('#dd').datebox(options);
jQuery EasyUI日期框需要依存于一下的几个插件:
* calendar(日历)
* validatebox(验证框)
下面来介绍DateBox的具体用法,首先来看属性:
| 属性名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| currentText | 字符串 | 为当前日期按钮显示的文本 | Today |
| closeText | 字符串 | 关闭按钮显示的文本 | Close |
| disabled | 布尔 | 如果为true则禁用输入框 | false |
| required | 布尔 | 定义输入框是否为必添 | false |
| missingMessage | 字符串 | 当输入框为空时提示的文本 | This field is required. |
| formatter | function | 格式化日期的函数,这个函数以’date’为参数,并且返回一个字符串 | |
| parser | function | 分析字符串的函数,这个函数以’date’为参数并返回一个日期 |
事件
| 事件名 | 参数 | 描述 |
|---|---|---|
| onSelect | date | 当选择一个日期时触发 |
方法
| 方法名 | 参数 | 描述 |
|---|---|---|
| destroy | none | 销毁组件 |
| disable | none | 禁用输入框. |
| enable | none | 启用输入框 |