jQuery EasyUI API 中文文档 - DateBox日期框

扩展自 $.fn.combo.defaults。用 $.fn.datebox.defaults 重写了 defaults。

jQuery EasyUI API 中文文档 - DateBox日期框

依赖
combo
calendar
用法


代码如下:

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

代码如下:

$('#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

formatter

function

格式化日期的函数,此函数有一个 'date' 参数,并返回一个字符串值。


parser

function

解析日期字符串的函数,此函数有一个 'date' 字符串参数,并返回一个日期值。


事件











名称

参数

说明

onSelect

date

当用户选择一个日期时触发。

方法

其方法扩展自 combo,下列是为 datebox 重写的方法。



















名称

参数

说明

options

none

返回 options 对象。

calendar

none

获取 calendar 对象。

setValue

value

设置 datebox 的值。

时间: 2011-10-14

EasyUI修改DateBox和DateTimeBox的默认日期格式示例

最近整理Easyui控件的时候,对Easyui的DateBox控件和DateTimeBox控件进行了梳理,而我之所以将EasyUI的DateBox控件和DateTimeBox控件放在一起,归为一类,是因为这两个控件没有什么区别,如果你非得说这两个控件有区别,也无非是DateTimeBox控件后面除了基本的年月日之外带上了小时或者分钟或者秒什么的,更何况,这两个控件在进行日期格式化时所采用的方法也是一样的. DateBox介绍: Demo实例参看:http://www.jeasyui.com/de

jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数

功能需求如下: 1) 使用 datetimebox 日期控件, 选择开始日期 startdate, 结束日期 leavedate ,然后求两日期间相隔天数 numdays ; 2) 天数 x 补助 = 包干费用; (numdays * allowance = def11 ) 下面是效果图: 一. form 表单:开始时间,结束时间两个都使用 onChange 事件; <td>派遣时间:</td> <td><input class="easyui-date

JQuery EasyUI 日期控件如何控制日期选择区间

复制代码 代码如下: <tr><th>发售起始日期</th> <td><input type="text" id="usLineTime" name="usLineTime" size="20" class='easyui-validatebox Wdate' onFocus="WdatePicker({el:'usLineTime',dateFmt:'yyyy-

jQuery EasyUI API 中文文档 DateTimeBox日期时间框

扩展自 $.fn.datebox.defaults.用 $.fn.datetimebox.defaults 重写了 defaults. 依赖 datebox timespinner 用法 复制代码 代码如下: <input id="dt" type="text"></input> 复制代码 代码如下: $('#dt').datetimebox({ showSeconds:false }); 特性 其特性扩展自 datebox,下列是为 dat

jQuery EasyUI API 中文文档 - Documentation 文档

每个easyui组件都有特性(property).方法(method)和事件(event),用户可以很容易地扩展它们. 特性 特性在jQuery.fn.{plugin}.defaults里定义.例如, dialog的特性在jQuery.fn.dialog.defaults里定义. 事件 事件(回调函数)也在jQuery.fn.{plugin}.defaults里定义. 方法 方法在jQuery.fn.{plugin}.methods里定义.每个方法有两个参数:jq和param.第一个参数'jq'

jQuery EasyUI API 中文文档 - ComboBox组合框

扩展自 $.fn.combo.defaults. 用 $.fn.combobox.defaults 重写了 defaults. 依赖 combo 用法 <select id="cc" name="dept" style="width:200px;"> <option value="aa">aitem1</option> <option>bitem2</option>

jQuery EasyUI API 中文文档 - DataGrid数据表格

扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'

jQuery EasyUI API 中文文档 - Tree树使用介绍

用 $.fn.tree.defaults 重写了 defaults. 依赖 draggable droppable 用法 Tree 能在 <ul> 元素里定义,此标记可以定义为叶节点和子节点.下面是一个示例: 复制代码 代码如下: <ul id="tt"> <li> <span>Folder</span> <ul> <li> <span>Sub Folder 1</span> &

jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍

扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults. 依赖 datagrid 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').treegrid({ url:'treegrid_data.json', treeField:'name', columns:[[ {title:'Task Name',field:'name'

jQuery EasyUI API 中文文档 - Calendar日历使用

用 $.fn.calendar.defaults 重写了 defaults. 用法 复制代码 代码如下: <div id="cc" style="width:180px;height:180px;"></div> 复制代码 代码如下: $('#cc').calendar({ width:600, height:600, current:new Date() }); 特性 名称 类型 说明 默认值 width number 日历组件的宽度. 1

jQuery EasyUI API 中文文档 - ComboTree组合树

扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults.用 $.fn.combotree.defaults 重写了defaults. 依赖 combo tree 用法 <select id="cc" style="width:200px;"></select> <input id="cc" value="01"> 复制代码 代码如下: $('#cc').co

jQuery EasyUI API 中文文档 - Draggable 可拖拽

用$.fn.draggable.defaults重写默认的defaults. 用法 复制代码 代码如下: <div id="dd" style="width:100px;height:100px;"> <div id="title" style="background:#ccc;">title</div> </div> 复制代码 代码如下: $('#dd').draggable(