web-dev-qa-db-fra.com

Jquery datepicker format date ne fonctionne pas

Voici mon code:

$(function () {
    $("#datepicker").datepicker({ dateFormat: 'DD-MM-YY' });
});

Et le sélecteur de date/heure est affiché, mais au format mm/jj/aaaa. Pourquoi ça ne marche pas?

jquerydatepicker
8
petko_stankoski

essayez ceci

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

petite lettre va travailler

9
Kashiftufail

Thats la valeur par défaut, ce qui signifie qu'il ne reconnaît pas votre option.

essayer:

dateFormat: 'dd-mm-yy'

(petites lettres)

11
Steen

Définir le format par défaut résoudra le problème, cette solution fonctionne pour moi alors que tout ce qui précède ne le fait pas.

$.datepicker.setDefaults({
     dateFormat: 'yy-mm-dd'
});

Source: Datepicker: L'ajout de dateFormat génère une erreur

8
user2814778

Selon la version de datepicker utilisée, le format correct peut être:

$('#datepicker').datepicker({ format: 'yyyy-mm-dd' });
7
shuadoc

Voir ce lien Jsfiddle qui fonctionne exemple pour moi:

http://jsfiddle.net/nEGTv/3/

2
Rony SP

Exemple complet:

En jsp:

<div id="datepicker"></div>

En script:

function datepicker() {

  $("#datepicker").datepicker({
    showButtonPanel: true,
    dateFormat: 'yy-mm-dd',
    onSelect: function() {
        var dateObject = $('#datepicker').datepicker().val();
        alert(dateObject);
    }
   }
  );
}
1
Sallyerik

Si vous obtenez la valeur de date par défaut de votre infrastructure/service backend, c.-à-d. Asp.Net MVC, définir le dateFormat lorsque vous lancez le datepicker de votre entrée ne formate pas la date initialement.

$(function() {
    $('#date-start').datepicker({
        dateFormat: 'mm/dd/yy',
        onSelect: function(startDate) {
            ...
        }
    });
});

 enter image description here

La capture d'écran ci-dessus montre que, même si je suis en train d'initialiser l'entrée avec une date courte telle que 03/15/2018, le datepicker ne prendra pas le format initialement. Toutes les sélections après le travail comme prévu.

 enter image description here

Le correctif est que vous devez définir l'option dateFormat manuellement après l'initialisation datepicker:

$(function() {
    // $('#date-start').datepicker({
    //     dateFormat: 'mm/dd/yy',
    //     onSelect: function(startDate) {
    //         ...
    //     }
    // });
    // $('#date-start').datepicker('option', 'dateFormat', 'mm/dd/yy');

    // Or you can chain them
    $('#date-start').datepicker({
        dateFormat: 'mm/dd/yy',
        onSelect: function(startDate) {
            ...
        }
    }).datepicker('option', 'dateFormat', 'mm/dd/yy');
});
1
David Liang

celui-ci fonctionne pour moi

$('#datepicker').datepicker({ format: 'dd-mm-yyyy' });
0
Rachman Kushinryu

Essaye ça:

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

Cela fonctionne à 100%.

0
Sampat Singh