Comment effacer/réinitialiser les dates sélectionnées dans le calendrier Datepicker de jQuery UI ?

Question

Comment réinitialiser les valeurs du calendrier du sélecteur de date ? Les restrictions de date min et max ?

Le problème est que lorsque j'efface les dates (en supprimant les valeurs des zones de texte), les restrictions de la date précédente sont toujours appliquées.

J'ai fait le tri dans les documentation et rien ne m'a sauté aux yeux comme solution. Je n'ai pas non plus réussi à trouver une solution rapide en faisant une recherche sur SO/google.

http://jsfiddle.net/CoryDanielson/tF5MH/

---

Solution :

// from & to input textboxes with datepicker enabled
var dates = $("input[id$='dpFrom'], input[id$='dpTo']");

// #clearDates is a button to clear the datepickers
$('#clearDates').on('click', function(){
    dates.attr('value', '');
    dates.each(function(){
        $.datepicker._clearDate(this);
    });
});

_.clearDate() est une méthode privée de l'objet DatePicker. Vous ne la trouverez pas dans l'API publique sur le site Web de jQuery UI, mais elle fonctionne à merveille.

Answer 1

J'ai essayé d'accomplir cette même chose, c'est-à-dire de vider le sélecteur de date pour que les filtres entrés par l'utilisateur puissent être supprimés. En cherchant un peu sur Google, j'ai trouvé ce joli morceau de code :

Vous pouvez ajouter la fonction d'effacement même pour les champs en lecture seule. Il suffit d'ajouter le code suivant à votre afficheur de date :

}).keyup(function(e) {
    if(e.keyCode == 8 || e.keyCode == 46) {
        $.datepicker._clearDate(this);
    }
});

Les personnes pourront mettre en surbrillance (même les champs en lecture seule), puis utiliser la touche d'effacement ou la touche de suppression pour supprimer la date en utilisant la méthode suivante _clearDate fonction.

Source :

Answer 2

Avez-vous essayé :

$('selector').datepicker('setDate', null);

Cela devrait fonctionner selon le Documentation de l'API

Answer 3

Il suffit de remettre les options à zéro :

dates.datepicker( "option" , {
    minDate: null,
    maxDate: null} );

J'ai changé votre jsfiddle : http://jsfiddle.net/tF5MH/9/

Answer 4

$('.date').datepicker('setDate', null);

Answer 5

Essayez de changer le code de compensation en :

$('#clearDates').on('click', function(){
    dates.attr('value', '');
    $("input[id$='dpFrom'], input[id$='dpTo']").datepicker( "option", "maxDate", null );
    $("input[id$='dpFrom'], input[id$='dpTo']").datepicker( "option", "minDate", null );
});