無効にspecifc日付jqueryの日付ピッカー

Question

私はこれを試してみました：

var disabledDays = ["2017-03-16","2017-03-20","2017-03-29","1717-0404-0303"]; 

jQuery(document).ready(function() { 
    var unavailableDates = ["2017-03-16","2017-03-13","2017-03-21"]; 

    function unavailable(date) { 
    // dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); 
    dmy = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate(); 
    if ($.inArray(dmy, unavailableDates) < 0) { 
     return [true,"","Book Now"]; 
    } else { 
     return [false,"","Booked Out"]; 
    } 
    } 

    jQuery('#checkin').datepicker({ 
    minDate: 0, 
    constrainInput: true,   
    dateFormat: "yy-mm-dd", 
    beforeShowDay: unavailable 
    }).on('change', function() { 
    jQuery(this).valid(); 
    }); 
}); 

それが言い続ける理由を、私はちょうど把握することはできません。

は、プロパティを読み取ることができません 'InArrayバリ'

未定義

の

私はこのような100のコードのように、神と同じエラーを試みました。これらのコードはすべてデモで正常に動作しています。

お願いします。

Answer 1

このエラーは、$変数がjQueryを指していないことを意味します。これは、コードの他のすべての点でjQueryを使用しているという事実によってもバックアップされます。これを修正するには、コード全体で$.inArray()をjQuery.inArray()に変更するか、document.readyハンドラに渡されたjQueryのインスタンスをエイリアスすることができます。

そこからは配列に月と日の値の先頭に0が含まれていますが、dmy変数には日付の書式に問題があります。これを修正するには、日付のtoISOString()メソッドを使用して時刻を削除することができます。これを試してみてください：

jQuery(function($) { // < note the $ alias here 
    var unavailableDates = ["2017-03-16", "2017-03-13", "2017-03-21"]; 

    function unavailable(date) { 
     var dmy = date.toISOString().split('T')[0]; 
     if ($.inArray(dmy, unavailableDates) < 0) { 
      return [true, "", "Book Now"]; 
     } else { 
      return [false, "", "Booked Out"]; 
     } 
    } 

    $('#checkin').datepicker({ 
     minDate: 0, 
     constrainInput: true, 
     dateFormat: "yy-mm-dd", 
     beforeShowDay: unavailable 
    }).on('change', function() { 
     $(this).valid(); 
    }); 
}); 

Working example