Plugin de formulaire jQuery EasyUI -Boîte de date et heure Datetimebox

jQuery EasyUI 插件Plugins jQuery EasyUI

Hérite de $.fn.datebox.defaults. Remplacez les valeurs par défaut via $.fn.datetimebox.defaults.

Semblable à la datebox, la datetimebox permet aux utilisateurs de sélectionner une date et une heure à afficher avec le format spécifié. Elle ajoute un composant timespinner au panneau déroulant.

Dépendances

  • datebox
  • timespinner

Utilisation

Créer une datetimebox à partir du balisage.

<input class="easyui-datetimebox" name="birthday"
    data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">

Créer une datetimebox avec JavaScript.

<input id="dt" type="text" name="birthday">

$('#dt').datetimebox({
    value: '3/4/2010 2:3',
    required: true,
    showSeconds: false
});

Propriétés

Les propriétés héritent de datebox. Voici les propriétés ajoutées pour datetimebox.

Name Type Description Valeur par défaut
showSeconds booléen Définit si les informations de secondes doivent être affichées. vrai
timeSeparator string Le séparateur de temps entre les heures, les minutes et les secondes. Cette propriété est disponible depuis la version 1.3. :

Méthodes

Les méthodes héritent de datebox. Voici les méthodes réécrites pour datetimebox.

Name Parameters Description
options none Renvoie l'objet options.
spinner none Retourne l'objet timespinner.
setValue value Définit la valeur du datetimebox.
Exemple de code :
$('#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 jQuery EasyUI Autres extensions