Question

我正在为酒店预订系统。我希望预订系统与acehotel.com上的系统类似。我的工作，但当我点击＆＃34; Uitcheck dag＆＃34; （退房当天）它没有显示办理登机手续的日期。这是指向我的页面的链接：http://webdesign.kam-online.net/DatePicker/

$(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, ''];
 }

}）;

Answer 1

在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>";

尝试一次

初始化后，jQuery DatePicker不会渲染beforeShowDay

1 个答案: