web-dev-qa-db-fra.com

JQuery UI Problème de format de date Datepicker avec valeur initiale

Je dois définir la date initiale du sélecteur de date sur 20/03/2010 au format mm-jj-aaaa. Je l’ai déjà fait. 

<input id='datepicker' type='text' value='20/03/2010' />

Mais mon problème réside dans le fait que le sélecteur de date sur le champ est renseigné avec la date du jour en surbrillance et aucune date sélectionnée, ainsi que la sélection de la date. 

Mais quand je change mon champ d'entrée comme celui ci-dessous

<input id='datepicker' type='text' value='03/20/2010' />

Le sélecteur de date remplit le 20 mars avec la date sélectionnée et la date actuelle en surbrillance. Mais tout au format 'mm-jj-aaaa'!

Je veux afficher toutes les dates au format 'jj-mm-aaaa'. Comment puis-je résoudre ça?

J'ai essayé certaines des options et des combinaisons ci-dessous, mais aucune d'elles n'a résolu mon problème.

$("#datepicker").datepicker();
$("#datepicker").datepick({dateFormat: 'mm/dd/yyyy'});
$("#datepicker").formatDate('dd/mm/yy');
$('#datepicker').datepicker("setDate", new Date($("#datepicker").val()) );

Mise à jour: Malheureusement, je ne peux pas définir la valeur de Date le 20 mars directement via javascript, car elle change de manière dynamique et est stockée dans une variable PHP. Je dois obtenir la valeur par défaut du champ de saisie lui-même.

13
Mithun Sreedharan
$('#datepicker').datepicker('option', 'dateFormat', 'dd-mm-yy');

L'année est spécifiée sous la forme y pour 2 chiffres et yy pour 4 chiffres, comme indiqué ici .

19
Alex Bagnolini

Vous avez besoin d’une combinaison des options dateFormat et defaultDate:

$("#datepicker").datepicker(
{
    dateFormat: 'mm/dd/yyyy',
    defaultDate: '20/03/2010'
});

il existe cependant de nombreuses manières différentes de spécifier la date par défaut. Je ne sais pas ce dont vous avez besoin pour pouvoir référencer l'API ici: http://docs.jquery.com/UI/Datepicker#option-defaultDate .

9
Matt Ball

Rappelez-vous également que type="date" créera un problème, définissez donc type sur text.

0
Bishal Paudel

mm correspond à des minutes et non à des mois.
Utilisez dd/MM/yyyy à la place.

0
Marco Francisco