jQuery EasyUI Form Plugin -Kalender

jQuery EasyUI 插件jQuery EasyUI Plugin

Überschreiben Sie die Standardeinstellungen über $.fn.calendar.defaults.

Der Kalender zeigt einen Einmonatskalender an, der es Benutzern ermöglicht, ein Datum auszuwählen, und das Wechseln zum vorherigen Monat und zum nächsten Monat erlaubt. Standardmäßig ist der erste Tag jeder Woche auf Sonntag festgelegt. Dies kann geändert werden, indem der Wert der Eigenschaft 'firstDay' festgelegt wird.

Nutzung

Erstellen Sie einen Kalender aus Markup.

<div id="cc" class="easyui-calendar" style="width:180px;height:180px;"></div>

Erstelle einen Kalender mit JavaScript.

<div id="cc" style="width:180px;height:180px;"></div>

$('#cc').calendar({
    current:new Date()
});

Eigenschaften

Name Type Beschreibung Standardwert
width number Die Breite der Kalenderkomponente. 180
height number Die Höhe der Kalenderkomponente. 180
fit boolesch Wenn auf true gesetzt, wird die Größe des Kalenders an den übergeordneten Container angepasst. false
border boolesch Legt fest, ob der Rahmen angezeigt werden soll. wahr
firstDay number Definiert den ersten Tag der Woche. Sonntag ist 0, Montag ist 1, ... 0
weeks array Zeigt die Liste der Wochentage an. ['S','M','T','W','T','F','S']
months array Zeigt die Liste der Monate an. ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
Jahr number Das Jahr des Kalenders. Das folgende Beispiel zeigt, wie ein Kalender mit dem angegebenen Jahr und Monat erstellt wird.
<div class="easyui-calendar" data-options="year:2012,month:6" />
Aktuelles Jahr (4 Ziffern)
month number Der Monat des Kalenders. Aktueller Monat (beginnend bei 1)
current Date Das aktuelle Datum. Aktuelles Datum

Ereignisse

Name Parameters Beschreibung
onSelect date Wird ausgelöst, wenn der Benutzer ein Datum auswählt.
Codebeispiel:
$('#cc').calendar({
    onSelect: function(date){
        alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
    }
});

Methoden

Name Parameters Beschreibung
options none Gibt das Optionsobjekt zurück.
resize none Ändert die Größe des Kalenders.
moveTo date Verschiebt den Kalender zu einem angegebenen Datum.
Codebeispiel:
$('#cc').calendar('moveTo', new Date(2012, 6, 1));
jQuery EasyUI 插件jQuery EasyUI Plugin Weitere Erweiterungen