web-dev-qa-db-fra.com

jquery date picker obtenir la chaîne de date en jj / mm / aa

J'ai la ficelle

'Jeu 20 octobre 2011 00:00:00 GMT-0400 (heure avancée de l'Est)'

et souhaite obtenir la date au format jj/mm/aaaa. Comment puis-je faire cela en utilisant la bibliothèque de sélecteur de date jquery?

19
kk1957

C'est une question dupe posée ici avant: jQuery UI DatePicker - Changer le format de la date

Tu peux le faire:

$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' }).val();

Juste pour noter cependant, le JqueryUIDatePicker a aussi une fonction formatdate et parseDate .

22
gideon

Vous pouvez utiliser la méthode javascript Date ()

var dateTime = new Date($("#yourSelector").datepicker("getDate"));

var strDateTime =  dateTime.getDate() + "/" + (dateTime.getMonth()+1) + "/" + dateTime.getFullYear();

console.log(strDateTime);
18
dCrystal

Si vous avez déjà défini le paramètre dateFormat lors de l'initiation de datepicker, vous ne pouvez utiliser que

    $( ".selector" ).val();

Parce que sinon, en utilisant:

    $( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' }).val();

empêche l'événement onSelect de datepicker d'être déclenché (je ne sais pas pourquoi, juste observé).

7
guylabbe.ca
3
Keith Nicholas

Initialisez un sélecteur de date avec l'option dateFormat spécifiée.

$( ".selector" ).datepicker({ dateFormat: 'dd/mm/yyyy' });

Obtenez ou définissez l'option dateFormat, après init.

//getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );
//setter
$( ".selector" ).datepicker( "option", "dateFormat", 'dd/mm/yyyy' );
2
xdazz

définir votre datepicker avec dateFormat

$( ".selector" ).datepicker({ dateFormat: 'dd/mm/yyyy' });

Ensuite, la fonction onSelect de datepicker essaie ci-dessous

$('#datepicker').datepicker({           
        dateFormat: "dd/mm/yyyy",
        onSelect: function () {               
            $(this).val(); //this will return the date ex: 29/07/2019

        }
    });
0
mahi