2013-09-25 6 views
3

J'utilise le sélecteur de date Jquery pour sélectionner une date. Lorsque je sélectionne une date, le format de la date dans la zone de texte est mm-jj-aaaa et je voudrais jj-mm-aaaa.Sélecteur de date Jquery - format date

Textbox

Date: <input type="text" id="datepicker"/> 

JQuery

$(function() { 
$("#datepicker").datepicker({ dateFormat: "dd/mm/yy"}); 
}); 

Si j'adapte alors la zone de texte en incluant une date par défaut:

<input type="text" value="<?php echo date("d/m/Y"); ?>" id="datepicker" /> 

La date par défaut apparaît comme I voudrais je n la zone de saisie, c'est-à-dire jj/mm/aa, mais quand j'ouvre le sélecteur de date, il prend cette date comme mm/jj/aa et ouvre donc le sélecteur de date à la mauvaise date.

La zone de texte et le sélecteur ne semblent pas penser dans le même format. Comment est-ce que je corrige ceci?

MISE À JOUR

La question est maintenant:

1 - quand j'ouvre la page la date par défaut dans zone de texte est correct et dans le format jj/mm/aa

2 - quand je ouvrir le sélecteur de date du sélecteur de date va à la bonne date-à-dire la date par défaut

3 - lorsque je choisis alors une date dans le sélecteur de date le format revient à mm/jj/aa dans la zone de texte

Lorsque vous utilisez JQuery pour mettre à jour un ID, le format de la zone de texte est-il contourné d'une manière ou d'une autre?

+0

'constrainInput: true' – Abhitalks

+0

Je ne peux pas repl icate que] (http://jsbin.com/ONeNAHA/1/edit), peut-être que vous pourriez mettre en place un [exemple minimal, autonome] (http://sscce.org) démontrant le problème et le poster à http : //jsbin.com ou http: /jsfiddle.net. ** Modifier **: Ah, mais j'utilisais 'type =" text "', comme dans votre extrait de code HTML. –

+0

Certains navigateurs rendent le ['type =" date "'] (http://diveintohtml5.info/forms.html#type-date) si pris en charge. C'est visser l'initialisation jQueryUI datepicker je pense. – andyb

Répondre

2

Vous avez réellement changé l'attribut type de votre boîte de saisie en date. Gardez-le en tant que texte et il devrait être bien:

<input type="text" value="<?php echo date("d/m/Y"); ?>" id="datepicker" /> 
-1

est ici un spécifique pour votre code:

var date = $('#datepicker').datepicker("option", "dateFormat", "dd/mm/yy"); 

Plus d'informations générales disponibles ici:

http://api.jqueryui.com/datepicker/#option

http://api.jqueryui.com/datepicker/#utility-formatDate

+0

vous avez dit que cette réponse n'est pas utile ... – Dinesh

+0

Si vous vouliez dire, je viens d'éditer votre réponse :-) – reporter

+0

Non, je me demande pourquoi vous avez voté pour ma réponse ... (- 1) – Dinesh

Questions connexes