jQuery EasyUI Formular-Plugin -Datetimebox Datum-Zeit-Feld
jQuery EasyUI Plugins
Erbt von $.fn.datebox.defaults. Überschreiben Sie die Standardvorgaben über $.fn.datetimebox.defaults.
Ähnlich wie die datebox ermöglicht die datetimebox Benutzern, ein Datum und eine Uhrzeit auszuwählen, die im angegebenen Format angezeigt werden. Sie fügt dem Dropdown-Panel eine timespinner-Komponente hinzu.
Abhängigkeiten
- datebox
- timespinner
Nutzung
Erstellen Sie eine datetimebox aus Markup.
<input class="easyui-datetimebox" name="birthday"
data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">
Erstellen Sie eine datetimebox mit JavaScript.
<input id="dt" type="text" name="birthday">
$('#dt').datetimebox({
value: '3/4/2010 2:3',
required: true,
showSeconds: false
});
Eigenschaften
Die Eigenschaften erben von datebox. Im Folgenden werden die für datetimebox hinzugefügten Eigenschaften aufgeführt.
| Name | Type | Beschreibung | Standardwert |
|---|---|---|---|
| showSeconds | boolesch | Legt fest, ob die Sekundeninformationen angezeigt werden. | wahr |
| timeSeparator | string | Das Zeit-Trennzeichen zwischen Stunden, Minuten und Sekunden. Diese Eigenschaft ist seit Version 1.3 verfügbar. | : |
Methoden
Die Methoden erben von datebox. Im Folgenden sind die überschriebenen Methoden für datetimebox aufgeführt.
| Name | Parameters | Beschreibung |
|---|---|---|
| options | none | Gibt das Optionsobjekt zurück. |
| spinner | none | Gibt das timespinner-Objekt zurück. |
| setValue | value | Setzt den Wert der datetimebox. Codebeispiel:
$('#dt').datetimebox('setValue', '6/1/2012 12:30:56'); // set datetimebox value
var v = $('#dt').datetimebox('getValue'); // get datetimebox value
alert(v);
|
jQuery EasyUI Plugins Weitere Erweiterungen