2015-02-04 2 views
-1

Я работаю над системой бронирования для отеля. Я хочу, чтобы система бронирования была похожа на ту, которая была на acehotel.com. Шахта работает, но когда я нажимаю на «Uitcheck даг» (день проверяя) не показывает день проверки в Вот ссылка на мою страницу:. http://webdesign.kam-online.net/DatePicker/jQuery DatePicker не выводит beforeShowDay после инициализации

$(document).ready(function() { 

var dates = []; 
var dateArray = []; 

currentDate = new Date(); 

var tips = ['some description','some other description']; 
$("#aantallen").hide(); 
$("#datepicker").hide(); 
$("#datepicker2").hide(); 

$("#AantalMensen").click(function(){ 
    $("#datepicker2").hide(); 
    $("#datepicker").hide(); 
    $("#aantallen").show(); 
}); 

$("#IncheckDag").click(function(){ 
    $("#datepicker2").hide(); 
    $("#aantallen").hide(); 
    $("#datepicker").show(); 
}); 

$("#UitcheckDag").click(function(){ 
    $("#datepicker").hide(); 
    $("#aantallen").hide(); 
    $("#datepicker2").show(); 
}); 

Date.prototype.addDays = function(days) { 
    var dat = new Date(this.valueOf()) 
    dat.setDate(dat.getDate() + days); 
    return dat; 
} 

function getDates(startDate, stopDate) { 


    var currentDate = startDate; 

    while (currentDate <= stopDate) { 
     dateArray.push(new Date (currentDate)); 
     currentDate = currentDate.addDays(1); 
    } 
    return dateArray; 
} 

$('#datepicker').datepicker({     
    dateFormat: 'mm/dd/yy', 
    beforeShowDay: highlightDays, 
    showOtherMonths: true, 
    onSelect: function() { 

     var pickedDate = $("#datepicker").datepicker("getDate"); 

     if (pickedDate > currentDate) { 
      dates.push(pickedDate); 
      dateArray.push(pickedDate); 
      alert(dates[0]); 

     } else { 
      alert("Error"); 
     } 

    } 
}); 

$("#datepicker2").datepicker({ 
    dateFormat: 'mm/dd/yy', 
    beforeShowDay: highlightDays, 
    showOtherMonths: true, 
    onSelect: function() { 

     var pickedSecondDate = $("#datepicker2").datepicker("getDate"); 

     if (pickedSecondDate > dates[0]) 
     { 
      dates.push(pickedSecondDate); 
      alert(dates[1]); 
      var start = dates[0]; 
      var end = dates[1]; 
      getDates(start, end); 
     } else { 
      alert("Error"); 
     } 
    } 
}); 



function highlightDays(date) { 
    for (var i = 0; i < dateArray.length; i++) { 
     if (new Date(dateArray[i]).toString() == date.toString()) {    
      return [true, 'highlight', tips[i]]; 
     } 
    } 
    return [true, '']; 
} 

});

ответ

0

Он бросает ошибку в приведенном ниже фрагменте кода в вашем HTML (функция searchRoom())

document.getElementById("Result").innerHTML = "Aantal Volwassenen " + volwassenen + "<br>\ 
     Aantal Kinderen " + kinderen + "<br>\ 
     Incheck Datum " + checkinDate + "<br>\ 
     Uitcheck Datum " + checkoutDate + "<br 

это не правильно закончился.

document.getElementById("Result").innerHTML = "Aantal Volwassenen " + volwassenen + "<br>\ 
     Aantal Kinderen " + kinderen + "<br>\ 
     Incheck Datum " + checkinDate + "<br>\ 
     Uitcheck Datum " + checkoutDate + "<br>"; 

Попробуйте этот раз

+0

Ну, я просто работаю над этим: D Проблема заключается в том, когда я выбрать дату CheckIN и нажмите проверить дату, она не выделяет дату фиксирования. Спасибо за ответ. – Chris

Смежные вопросы