jquery datepicker recherche de l'événement questions

Question

J'utilise la date de recherche de l'événement jquery dans mon code qui est présent here . Je suis nouveau à jquery et j'utilise exactement le même code. La date par défaut est définie sur une semaine avant la date actuelle.

1. Comment puis-je définir la date par défaut du jour actuel? (question simple, mais quel est le format correct pour le faire?).

2. puisque j'utilise 2 champs de et à, je veux alors que la date par défaut soit changée selon la valeur sélectionnée dans le champ. supposons que je sélectionne le 20 juin 2009, je veux que le champ TO apparaisse à partir du 21 juin 2009 et non la date actuelle. Cela peut-il être fait (trop bien que jquery désactive automatiquement toutes les dates qui tombent avant le champ FROM).

3. J'ai essayé de changer la dateformat avec ce code, dateformat: "yy-mm-dd", mais il ne change pas .. montre la voie par défaut de mm/jj/aaaa. Puis-je désactiver les champs from et two, je ne veux pas que quiconque essaie de changer manuellement ces valeurs.

code:

$(function() { 
    var dates = $("#from,#to").datepicker({ 
     defaultDate: "null",dateFormat: "yy-mm-dd", 
     changeMonth: true,disabled:true, 
     numberOfMonths: 3, 
     onSelect: function(selectedDate) { 
      var option = this.id == "from" ? "minDate" : "maxDate", 
       instance = $(this).data("datepicker"); 
       date = $.datepicker.parseDate(
        instance.settings.dateFormat || 
        $.datepicker._defaults.dateFormat, 
        selectedDate, instance.settings); 
      dates.not(this).datepicker("option", option, date); 
     } 
    }); 
}); 

Answer 1

1. changement defaultDate: "+1w", voir l'explication de l'option defaultDate une page que vous avez indiqué.

2. Modifiez le code au onSelect: function(selectedDate) { pour choisir la date du deuxième sélecteur à "jour suivant".

3. dateFormat, non dateformat

4. Lorsque vous voulez les désactiver, utilisez $("#from,#to").datepicker("disable")

Plus généralement la documentation dans l'interface utilisateur jquery est vraiment bon: essayez de regarder toutes les options/méthodes disponibles et trouvez celui qui fera ce que vous cherchez.

Answer 2

$(function() { 
    var dates = $("#from, #to").datepicker({ 
     minDate: 0, 
     dateFormat: 'dd/mm/yy', 
     changeMonth: true, 
     numberOfMonths: 1, 
     showOn: "both", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     onSelect: function(selectedDate) { 
      if(this.id=="from"){ 
      var option = this.id == "from" ? "minDate" : "maxDate", 
       instance = $(this).data("datepicker"); 
       date = $.datepicker.parseDate(
        instance.settings.dateFormat || 
        $.datepicker._defaults.dateFormat, 
        selectedDate, instance.settings); 
      var date2 = $('#from').datepicker('getDate', '+1d'); 
      date2.setDate(date2.getDate()+1); 
      dates.not(this).datepicker("option", option, date2); 
     } 
     } 
    });