jQuery EasyUI Form Plugin -Calendrier

jQuery EasyUI 插件jQuery EasyUI Plugin

Remplacez les paramètres par défaut via $.fn.calendar.defaults.

Le calendrier affiche un calendrier d'un mois qui permet aux utilisateurs de sélectionner une date et de passer au mois précédent et au mois suivant. Par défaut, le premier jour de chaque semaine est défini sur dimanche. Cela peut être modifié en définissant la valeur de la propriété 'firstDay'.

Utilisation

Créer un calendrier à partir du balisage.

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

Créer un calendrier en JavaScript.

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

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

Propriétés

Name Type Description Valeur par défaut
width nombre La largeur du composant calendrier. 180
height nombre La hauteur du composant calendrier. 180
fit booléen Lorsqu'il est défini sur true, définit la taille du calendrier pour qu'il s'adapte à son conteneur parent. false
border booléen Définit s'il faut afficher la bordure. vrai
firstDay nombre Définit le premier jour de la semaine. Dimanche vaut 0, lundi vaut 1, ... 0
weeks array Affiche la liste des jours de la semaine. ['S','M','T','W','T','F','S']
months array Affiche la liste des mois. ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
année nombre L'année du calendrier. L'exemple suivant montre comment créer un calendrier en utilisant l'année et le mois spécifiés.
<div class="easyui-calendar" data-options="year:2012,month:6" />
Année en cours (4 chiffres)
month nombre Le mois du calendrier. Mois en cours (à partir de 1)
current Date La date actuelle. Date actuelle

Événements

Name Parameters Description
onSelect date Déclenché lorsque l'utilisateur sélectionne une date.
Exemple de code :
$('#cc').calendar({
    onSelect: function(date){
        alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
    }
});

Méthodes

Name Parameters Description
options none Renvoie l'objet options.
resize none Redimensionne le calendrier.
moveTo date Déplace le calendrier vers une date spécifiée.
Exemple de code :
$('#cc').calendar('moveTo', new Date(2012, 6, 1));
jQuery EasyUI 插件jQuery EasyUI Plugin Autres extensions