Datepicker: Ajout de dateFormat donne une erreur

Je suis en train de tester la cueillette d'un daterange à l'aide de cet exemple:
http://salman-w.blogspot.no/2013/01/jquery-ui-datepicker-examples.html#example-7

Je veux changer la dateFormat, mais en ajoutant que donne l'erreur suivante dans la console:
"Uncaught Inattendu littérale à la position 2"

- Je ajouter une ligne (3e ligne) pour dateFormat comme ceci:

 $(function() {
   $("#datepicker").datepicker({
     dateFormat: "yy-mm-dd",
     beforeShowDay: function(date) {
       var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
       var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
       return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];
    },
     onSelect: function(dateText, inst) {
       var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
       var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
       if (!date1 || date2) {
         $("#input1").val(dateText);
         $("#input2").val("");
         $(this).datepicker("option", "minDate", dateText);
       } else {
         $("#input2").val(dateText);
         $(this).datepicker("option", "minDate", null);
       }
     }
  });
});

Ou voir jsfiddle pour un exemple de l'erreur:
http://jsfiddle.net/jaaqs/

Alors, comment puis-je changer la dateFormat pour cette datepicker-gamme-exemple?

OriginalL'auteur EricC | 2013-06-07

datepicker jquery

9

Utilisation de définir les valeurs par Défaut pour le format de votre.
```
$.datepicker.setDefaults({
     dateFormat: 'yy-mm-dd'
});
```
Maintenant vos dates montre le bon format (c'est à dire 2013-06-12)

Mis à jour JSFiddle ici: http://jsfiddle.net/jaaqs/3/

Travaillé! Merci 🙂
Pas de soucis, Arun réponse travaille trop. Il dépend de la façon dont vous souhaitez la mettre en œuvre.
comment ce faire à l'aide de javascript., je ne suis pas à l'aide de datepicker

OriginalL'auteur Bryan Hong
3

Le format de date que vous avez spécifié pour le datepicker (yy-mm-dd) est différent du format de date par défaut (mm/dd/yy). Dans votre code, l'INTERFACE utilisateur tente d'analyser 2013-01-01 comme mm/dd/yy qui ne pas analyser (la fonction donne jusqu'à quand il voit un 1 au lieu de /).

Les correctifs possibles sont:

A. Explicitement utiliser le même format de date que vous avez spécifié dans datepicker options:
```
$("#datepicker").datepicker({
    dateFormat: "yy-mm-dd",
    beforeShowDay: function (date) {
        var date1 = $.datepicker.parseDate("yy-mm-dd", $("#input1").val());
        var date2 = $.datepicker.parseDate("yy-mm-dd", $("#input2").val());
        //...
```
B. Saisir le dateFormat sur demande:
```
$("#datepicker").datepicker({
    beforeShowDay: function (date) {
        var date1 = $.datepicker.parseDate($(this).datepicker("option", "dateFormat"), $("#input1").val());
        var date2 = $.datepicker.parseDate($(this).datepicker("option", "dateFormat"), $("#input2").val());
        //...
```
Dans l'exemple ci-dessus $(this).datepicker("option", "dateFormat") sera de retour le format de date utilisé par le datepicker (si spécifié de manière explicite ou héritées de datepicker par défaut).

Vraiment bien expliqué Réponse 🙂 +1

OriginalL'auteur Salman A

Votre format de date a été le problème

$(function() {
    $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        beforeShowDay: function(date) {
            var date1 = $.datepicker.parseDate($(this).datepicker("option", "dateFormat"), $("#input1").val());
            var date2 = $.datepicker.parseDate($(this).datepicker("option", "dateFormat"), $("#input2").val());
            return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];
        },
        onSelect: function(dateText, inst) {
            var date1 = $.datepicker.parseDate($(this).datepicker("option", "dateFormat"), $("#input1").val());
            var date2 = $.datepicker.parseDate($(this).datepicker("option", "dateFormat"), $("#input2").val());
            if (!date1 || date2) {
                $("#input1").val(dateText);
                $("#input2").val("");
                $(this).datepicker("option", "minDate", dateText);
            } else {
                $("#input2").val(dateText);
                $(this).datepicker("option", "minDate", null);
            }
        }
    });
});

Démo: Violon

En travaillant de cette trop. Et maintenant, je comprends mieux la cause de mon problème. Merci!

OriginalL'auteur Arun P Johny

Je ne sais pas pourquoi, mais le déplacement de la mise en forme de la grosse de l'initialisation de bloquer les travaux.

http://jsfiddle.net/jaaqs/2/

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

  $("#datepicker").datepicker({
    beforeShowDay: function(date) {
      var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
      var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
      return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];
    },
    onSelect: function(dateText, inst) {
      var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
      var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
      if (!date1 || date2) {
        $("#input1").val(dateText);
        $("#input2").val("");
        $(this).datepicker("option", "minDate", dateText);
      } else {
        $("#input2").val(dateText);
        $(this).datepicker("option", "minDate", null);
      }
    }
  });

});

L'erreur est allé loin, mais le format de la date ne change pas voulu...
Vous savez que " aa " est de 4 chiffres pour l'année, non? oh, je me suis trompé de format dans le dateFormat chaîne de caractères, c'est pourquoi

OriginalL'auteur Jason

0

Vous pouvez également modifier la date de paramètre de mise en forme dans le fichier JS de datepicker

sur la ligne 26

vous avez cette
```
   this.format = DPGlobal.parseFormat(options.format||this.element.data('date-format')||'mm/dd/yyyy');
```
Vous pouvez le modifier à tout ce que vous voulez, par exemple GMT (royaume-UNI Réglage de la Date)
```
        this.format = DPGlobal.parseFormat(options.format||this.element.data('date-format')||'dd/mm/yyyy');
```
C'est un changement global cependant

OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.