web-dev-qa-db-fra.com

jQuery UI datepicker réinitialiser la date

J'ai une datepicker qui se trouve sur un champ de saisie. La date par défaut de mon ouverture est la date du jour, ce que je veux.
Cependant, lorsque je sélectionne une date et que j'efface le champ de saisie, la datepicker a toujours la date sélectionnée, ce que je ne souhaite pas

Quelqu'un at-il une idée de la raison pour laquelle cela se produit et comment puis-je prévenir ce comportement?

javascriptjqueryuser-interfacedatepicker
6
J.Pip

Voir http://codepen.io/alexgill/pen/yOQrwV

$(SELECTOR).datepicker('setDate', null);
9
Alex Gill

La bonne façon de réinitialiser la date d'un widget Datepicker est la suivante:

$.datepicker._clearDate('#input_field_goes_here');

Ou comme ceci:

$('#input_field_goes_here').datepicker('setDate', null);

Celui qui vous convient le mieux.

36
silkfire

Bouton Effacer dans le calendrier.

 $("#txtCalendar").datepicker({
        showButtonPanel: true,
        closeText: 'Clear',
        onClose: function (dateText, obj) {
            if ($(window.event.srcElement).hasClass('ui-datepicker-close'))
                $("#txtCalendar").val('');
        }
    });
5
Shahbaz Ahmad

Il suffit d'ajouter ce code

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

Vous pouvez utiliser le retour arrière pour effacer le champ même s'il est en lecture seule. La source

0
PIYUSH Itspk