jquery에서 특정 날짜 사용 안 함

Question

여기에서 jquery date picker를 사용하고 있습니다 : 사용자가 시작 날짜와 종료 날짜를 선택할 수 있도록 http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerStartEnd.html입니다.

그러나 특정 날짜를 사용 중지 할 수 있기를 원합니다.

나는 공휴일 사용 중지에 대해 설명하는 stackoverflow.com/questions/501943/can-the-jquery-ui-datepicker-be-made-to-disable-saturdays-and-sundays-and-holida 코드를 구현하려고 시도했습니다.

여기 내 전체 코드입니다 :

$(function() 
{ 


$('.date-pick').datePicker({ beforeShowDay: nationalDays}) 
// $(".selector").datepicker({ beforeShowDay: nationalDays}) 

var natDays = [ 
    [1, 26, 'au'], [2, 6, 'nz'], [3, 17, 'ie'], 
    [4, 27, 'za'], [5, 25, 'ar'], [6, 6, 'se'], 
    [7, 4, 'us'], [8, 17, 'id'], [9, 7, 'br'], 
    [10, 1, 'cn'], [11, 22, 'lb'], [12, 12, 'ke'] 
]; 

function nationalDays(date) { 
    for (i = 0; i < natDays.length; i++) { 
    if (date.getMonth() == natDays[i][0] - 1 
    && date.getDate() == natDays[i][1]) { 
    return [false, natDays[i][2] + '_day']; 
    } 
    } 
    return [true, '']; 
} 

$('#start-date').bind(
    'dpClosed', 
    function(e, selectedDates) 
    { 
    var d = selectedDates[0]; 
    if (d) { 
    d = new Date(d); 
    $('#end-date').dpSetStartDate(d.addDays(1).asString()); 
    } 
    } 
); 
$('#end-date').bind(
    'dpClosed', 
    function(e, selectedDates) 
    { 
    var d = selectedDates[0]; 
    if (d) { 
    d = new Date(d); 
    $('#start-date').dpSetEndDate(d.addDays(-1).asString()); 
    } 
    } 
); 

}); 

하지만이 작동하지 않습니다.

정말 고맙겠습니다.

Answer 1

Simple Calendar Widget에는 이러한 종류의 기능이 내장되어 있습니다. 전환 할 수 있을까요?

Answer 2

두 가지 날짜 선택 도구가 혼동 스러울 것 같습니다. "beforeShowDay"를 표시하는 링크는 jQuery UI datepicker 위젯의 문서입니다. 하지만 my date picker widget을 사용하고있는 것으로 보입니다.

위젯을 사용하면 특정 날짜를 비활성화 할 수 있도록 renderCallback을 사용해야합니다. 당신이를 통과 할 수 있도록 datePickerrenderCalendar 내부적으로 사용 -

가

http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerCustomCellRender.html (장애인 주말에 팝업 달력)

http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/renderCalendarBankHolidays.html (영국 공휴일을 표시하는 renderCallback와 renderCalendar을 보여주는 또 다른 예는 이러한 두 가지 예는 방법을 보여줍니다 renderCallback 같은 방식으로