jQuery EasyUI 日期框(DateBox)用法

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

HTML代码:

  1. <input id="dd" type="text"></input>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后,在$(function(){ }); 里插入下面的代码即可:

  1. $('#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 启用输入框

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>