Datepicker: add +1 day to selected day
So, this drives me crazy, I have googled for hours:
- $("#return").datepicker({
- minDate: 0
- });
- $("#departure").datepicker({
- minDate: 0,
- onSelect: function(selectedDate) {
- $("#return").datepicker("option","minDate", selectedDate);
- }
- });
How do you add another day to "selectedDate"?
example: if I select march 5 for departure, make sure that return date minimum day is at least march 6
Here is full code:
- $(document).ready(function() {
- $("#continents").change(function () {
- var selectedContinent = $("#continents").val();
- $("#locations").html("");
- if (selectedContinent == "africa") {
- $("<option value='dogoncountry'>Dogon Country</option>").appendTo("#locations");
- $("<option value='valleyofkings'>Valley of the Kings</option>").appendTo("#locations");
- $("<option value='victoriafalls'>Victoria Falls</option>").appendTo("#locations");
- $("<option value='mountkilimanjaro'>Mount Kilimanjaro</option>").appendTo("#locations");
- } if (selectedContinent == "antarctica") {
- $("<option value='southpole'>South Pole</option>").appendTo("#locations");
- $("<option value='mounterebrus'>Mount Erebus</option>").appendTo("#locations");
- $("<option value='anverisland'>Anver Island / Anvord Bay</option>").appendTo("#locations");
- $("<option value='mcmurdostation'>McMurdo Station</option>").appendTo("#locations");
- } if (selectedContinent == "asia") {
- $("<option value='angkor'>Angkor Archaeological Park</option>").appendTo("#locations");
- $("<option value='mounteverest'>Mount Everest</option>").appendTo("#locations");
- $("<option value='anverisland'>Anver Island / Anvord Bay</option>").appendTo("#locations");
- $("<option value='mcmurdostation'>McMurdo Station</option>").appendTo("#locations");
- } if (selectedContinent == "australia") {
- $("<option value='bluemountains'>Blue Mountains</option>").appendTo("#locations");
- $("<option value='greatbarrier'>Great Barrier Reef</option>").appendTo("#locations");
- $("<option value='kaka'>Kakadu National Park</option>").appendTo("#locations");
- $("<option value='sydney'>Sydney</option>").appendTo("#locations");
- } if (selectedContinent == "europe") {
- $("<option value='alps'>Alps</option>").appendTo("#locations");
- $("<option value='bluelagoon'>Blue Lagoon</option>").appendTo("#locations");
- $("<option value='neuschwanstein'>Neuschwanstein Castle</option>").appendTo("#locations");
- $("<option value='copenhagen'>Copenhagen</option>").appendTo("#locations");
- } if (selectedContinent == "northamerica") {
- $("<option value='chichen'>Chichen Itza</option>").appendTo("#locations");
- $("<option value='grandcanyon'>Grand Canyon</option>").appendTo("#locations");
- $("<option value='teotihuacan'>Teotihuacan</option>").appendTo("#locations");
- $("<option value='yellowstone'>Yellowstone National Park</option>").appendTo("#locations");
- } if (selectedContinent == "southamerica") {
- $("<option value='iguacufalls'>Iguaçu Falls</option>").appendTo("#locations");
- $("<option value='machupicchu'>Machu Picchu</option>").appendTo("#locations");
- $("<option value='buenosaires'>Buenos Aires</option>").appendTo("#locations");
- $("<option value='saopaulo'>São Paulo</option>").appendTo("#locations");
- }
- });
- $("#return").datepicker({
- minDate: 0
- });
- $("#departure").datepicker({
- minDate: 0,
- onSelect: function(selectedDate) {
- //.datepicker({ minDate: new Date(2007, 1 - 1, 1) });
- $("#return").datepicker("option","minDate", selectedDate);
- // $("#return").datepicker({ minDate: "+1M +10D"});
- }
- });
- $("button").click(function() {
- var selected = $("#locations option:selected").text();
- var departing = $("#departure").val();
- var returning = $("#return").val();
- if (departing === "" || returning === "") {
- $(".message").html("");
- $("<p>Dates!</p>").appendTo(".message");
- } else {
- $(".message").html("");
- $("<p>" +selected+ "</p>").appendTo(".message");
- $("<p>Departing at " +departing+ "</p>").appendTo(".message");
- }
- });
- });