0

新しい日付で作成された文字列の日付でコードを更新し、if ステートメントに追加し直しました。ただし、これは文字列または範囲を無効にするわけではありません。日付ピッカーコードも追加しました。

function unavailableDays(date) {

function createDateRange(first, last) {
    var dates = [];
    for(var j = first; j < last; j.setDate(j.getDate() + 7)) {
        dates.push(new Date(j.getTime()));
    }
    var alwaysDisabled = [new Date("1963-3-10T00:00:00"), new Date("1963-3-17T00:00:00"), new Date("1963-3-24T00:00:00"), new Date("1963-3-31T00:00:00"), new Date("1965-9-18T00:00:00")];
    return dates.concat(alwaysDisabled);
}

var disabledDays = createDateRange(new Date("1978-8-10T00:00:00"), new Date("1978-11-5T00:00:00"));

var yy = date.getFullYear(), mm  = date.getMonth(), dd = date.getDate();
    for (i = 0; i < disabledDays.length; i++) {
    if($.inArray(yy + '-' + (mm+1) + '-' + dd,disabledDays) != -1 || new Date() < date) {
        return [false];
    }
}
    return [true];
}

$(document).ready(function (){
$('.selector').datepicker({
    inline: true,
    dateFormat: 'yy-mm-dd',
    constrainInput: true,
    changeYear: true,
    changeMonth: true,
    minDate: new Date(1940, 1-1, 1),
    maxDate: new Date(2011, 10-1, 24),
    beforeShowDay: unavailableDays,    
    onSelect: function(dateText, inst) {
            $("#img").attr("src", "http://www.example.com" + dateText + ".jpg"); 
         var chosenDates = $.datepicker.parseDate('yy-mm-dd', dateText);
         var backToString = $.datepicker.formatDate('MM dd' + ',' + ' yy', chosenDates);
         $('.info').html('You are viewing:' + '<br />' +
             backToString).addClass('background'); 
    } 
});

});

4

3 に答える 3

3

関数では、 であるdates.push必要がありますdate.push

于 2012-04-09T01:52:20.213 に答える
1

したがって、関数を分離したいだけのようです:

function createDateRange(first, last) {
    var date = [];
    for(var j = first; j < last; j.setDate(j.getDate() + 7))
        dates.push(new Date(j.getTime()));
    return date;
}

function unavailableDays(date) {
    var disabledDays = createDateRange(new Date("1978-08-10"), new Date("1978-11-05"));

    //date array to be disabled
    var disabledDays = ["1963-3-10", "1963-3-17", "1963-3-24", "1963-3-31", "1965-9-18"];
    var yy = date.getFullYear(), mm = date.getMonth(), dd = date.getDate();
    for (i = 0; i < disabledDays.length; i++) {
        if($.inArray(yy + '-' + (mm+1) + '-' + dd,disabledDays) != -1 || new Date() < date) {
            return [false];
        } 
    }
    return [true]; 
}

createDateRangeこれにより、unavailableDays別の関数内で使用できるようになります。

function someOtherFunction() {
    var someDateRange = createDateRange(new Date('1979-10-10'), new Date('1980-01-01'));
    … // stuff
}
于 2012-04-09T01:49:47.937 に答える
0

関数が別の関数の中にあることに問題はありません。JavaScript はほとんどそれに基づいています。個別の機能を持つこともでき、それも同様に機能します。

アップデート

date(対のdates問題が修正されたことを考慮して)

これが問題のようです(これは、関数内の関数ではなく、あなたの質問が実際にどう思われるかです!):オブジェクトcreateDateRangeの配列を返しますDateが、他のバージョン(var disabledDays = ["1963-3-10", ...)は文字列の配列です(そして形式で)では解析できませんnew Date(str))。

あなたの現在のループは、この文字列バージョンを処理しようとしているようで、機能しますが、createDateRange特定の日付を常に無視したい (私があなたの言っていることを理解している限り)。だから、これを試してください:

function unavailableDays(date) {

    function createDateRange(first, last) {
        var dates = [];
        for(var j = first; j < last; j.setDate(j.getDate() + 7)) {
            dates.push(new Date(j.getTime()));
        }
        var alwaysDisabled = [new Date("1963-03-10T00:00:00"), new Date("1963-03-17T00:00:00"), new Date("1963-03-24T00:00:00"), new Date("1963-03-31T00:00:00"), new Date("1965-09-18T00:00:00")];
        return dates.concat(alwaysDisabled);
    }

    var disabledDays = createDateRange(new Date("1978-08-10T00:00:00"), new Date("1978-11-05T00:00:00"));
    for (i = 0; i < disabledDays.length; i++) {
        if(disabledDays[i].getTime() == date.getTime()) {
            return false;
        }
    }
    return true;

}

// Use `T00:00:00` after the date to set it as GMT, or
// dates can be interpreted as the previous day on some timezones.
var testDate1 = new Date('1978-08-10T00:00:00')
console.log("-- " + unavailableDays(testDate1)); // false
var testDate2 = new Date('1978-08-11T00:00:00')
console.log("-- " + unavailableDays(testDate2)); // true
var testDate3 = new Date('1978-08-17T00:00:00')
console.log("-- " + unavailableDays(testDate3)); // false
var testDate4 = new Date('1963-03-10T00:00:00')
console.log("-- " + unavailableDays(testDate4)); // false

http://jsfiddle.net/t4ahF/4/

于 2012-04-09T01:51:58.857 に答える