Kalender range

Door N K op 04-03-2014 21:22

2.126 views

Ik zou graag wanneer ik een datum ingeef een maximum range van te kiezen datums willen terugkrijgen van 31 dagen. Weet iemand hoe ik dit moet doen? Ik heb wat met maxDate gespeeld maar ik krig dit niet werkend.

http://jsfiddle.net/hGTGd/

Mich

05-03-2014 08:18

+1 maand
maxDate: "+1M"

of +31 dagen
maxDate: "+31D"

Zie ook voorbeeld

N K

05-03-2014 08:23

..maar hoe verwerk je dit in mijn voorbeeld?

Ariën

05-03-2014 08:24


 <script>
$(function() {
$( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
});
</script>

Gewoon even op 'View Source' klikken.

N K

05-03-2014 08:29 gewijzigd op 05-03-2014 08:30

Dat snap ik als dit voorgedefinieerd in de kalender moet zijn. :) maar hoe verwerk je dit in mijn fiddle als dit pas actief moet worden nadat ik een datum heb gekozen?

N K

06-03-2014 20:44

Iemand?

Ger van Steenderen

06-03-2014 21:23

Dan heb je 2 datepickers nodig dit gaat niet met één dezelfde.

N K

06-03-2014 21:25

aargh, zat onnodig moeilijk te doen
Onderstaande werkt..


$(function() {
    
   $.datepicker.setDefaults({
    dateFormat: 'dd-mm-yy',
    minDate: 0
});
  $("#range").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)) ? "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);
        $(this).datepicker("option", "maxDate", "+1M +10D" );
      } else {
        $("#input2").val(dateText);
        $(this).datepicker("option", "minDate", null);
        $(this).datepicker("option", "maxDate", "+1M +10D" );
      }
    }
  });
});

Ger van Steenderen

06-03-2014 22:09

Ik zie dat je de weg al gevonden hebt naar de documentatie, maar even snel zo gezien kan je beter wat meer dingen regelen in de eerste datepicker.

Reageren

Inloggen om te reageren