jQuery EasyUI Form Plugin - Datebox Datumsbox
jQuery Plugin EasyUI Erweiterte von $ .fn.combo.defaults. Mit $ außer Kraft setzen .fn.datebox.defaults die Standardeinstellungen zurück.
Datumsbox (datebox) in editierbare Textfelder und Dropdown-Kalender-Panels zusammen, kann der Benutzer ein Datum aus dem Dropdown-Kalender-Panel. In das Textfeld eingeben, um ein gültiges Datum eine Reihe von traurig konvertierte. Das ausgewählte Datum kann auch auf ein gewünschtes Format umgewandelt werden.
Verlassen Sie sich
- Combo
- Kalender
Verwendung
Erstellungsdatum aus dem Tag-Feld (datebox).
<Input id = "dd" type = "text" class = "easyui-datebox" required = "required">
Verwenden Sie JavaScript, Erstellungsdatum Feld (datebox).
<Input id = "dd" type = "text">
$ ( '# Dd'). Datebox ({
erforderlich: true
});
Immobilien
Das Anwesen erstreckt sich von der Kombination (Combo), das folgende ist das Datumsfeld (datebox) hinzugefügt Eigenschaft.
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| 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, {
text: 'MyBtn',
handler: function(target){
alert('click MyBtn');
}
});
$('#dd').datebox({
buttons: buttons
});
|
|
| sharedCalendar | string,selector | 多个日期框（datebox）组件使用的共享日历。该属性自版本 1.3.5 起可用。 代码实例： <input class="easyui-datebox" sharedCalendar="#sc"> <input class="easyui-datebox" sharedCalendar="#sc"> <div id="sc" class="easyui-calendar"></div> |
null |
| formatter | function | 格式化日期的函数，该函数有一个 'date' 参数，并返回一个字符串值。下面的实例演示如何重写默认的格式化（formatter）函数。
$.fn.datebox.defaults.formatter = function(date){
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
return m+'/'+d+'/'+y;
}
|
|
| parser | function | 解析日期字符串的函数，该函数有一个 'date' 字符串，并返回一个日期值。下面的实例演示如何重写默认的解析（parser）函数。
$.fn.datebox.defaults.parser = function(s){
var t = Date.parse(s);
if (!isNaN(t)){
return new Date(t);
} else {
return new Date();
}
}
|
Ereignis
| 名称 | 参数 | 描述 |
|---|---|---|
| onSelect | date | 当用户选择一个日期时触发。 代码实例：
$('#dd').datebox({
onSelect: function(date){
alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
}
});
|
Weg
Die Verfahren erstrecken sich von einer Kombination (Combo), ist das folgende Verfahren zum Umschreiben Datumsfeld (datebox).
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）对象。 |
| calendar | none | 获取日历（calendar）对象。下面的实例演示如何获取日历（calendar）对象，然后重现它。
// get the calendar object
var c = $('#dd').datebox('calendar');
// set the first day of week to monday
c.calendar({
firstDay: 1
});
|
| setValue | value | 设置日期框（datebox）的值。 代码实例：
$('#dd').datebox('setValue', '6/1/2012'); // set datebox value
var v = $('#dd').datebox('getValue'); // get datebox value
|
jQuery Plugin EasyUI