您当前的位置:首页 > 网站建设 > jQuery
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jQuery EasyUI 表单插件 - Datebox 日期框

51自学网 2023-01-16 20:14:56
  jQuery

扩展自 $.fn.combo.defaults。通过 $.fn.datebox.defaults 重写默认的 defaults。

日期框(datebox)把可编辑的文本框和下拉日历面板结合起来,用户可以从下拉日历面板中选择日期。在文本框中输入的字符串可悲转换为有效日期。被选择的日期也可以被转换为期望的格式。

依赖

  • combo
  • calendar

用法

从标记创建日期框(datebox)。

<input id="dd" type="text" class="easyui-datebox" required="required">

使用 javascript 创建日期框(datebox)。

<input id="dd" type="text">
$('#dd').datebox({    required:true});

属性

该属性扩展自组合(combo),下面是为日期框(datebox)添加的属性。

名称 类型 描述默认值
panelWidth number 下拉日历面板的宽度。180
panelHeight number 下拉日历面板的高度。auto
currentText string 当前日期按钮上显示的文本。Today
closeText string 关闭按钮上显示的文本。Close
okText string 确定按钮上显示的文本。Ok
disabled boolean 设置为 true 时禁用该域。false
buttons array 日历下面的按钮。该属性自版本 1.3.5 起可用。
代码实例:
var buttons = $.extend([], $.fn.datebox.defaults.buttons);buttons.splice(1, 0, {
下载地址:
jQuery EasyUI 表单插件 - Datetimebox 日期时间框
jQuery EasyUI 表单插件 - Numberbox 数字框
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1