2016-11-02 3 views
0

jQuery datetimepicker을 사용하고 있습니다. 날짜 선택 도구가 추가되어 날짜와 시간을 예약합니다. 여기 그것이 어떻게 작동해야하는지입니다.jQuery datetimepicker에서 선택한 날짜와 시간을 비활성화하는 방법

수요일을 제외하고 일요일부터 토요일까지 날짜 선택을 활성화하고 누군가가 다른 사람과 그것을 위해 사용할 수 없어야 시간과 날짜를 예약하게되면 시간이 화요일 오전 8시부터 오후 6시까지 가능 시간 오후 2

오전 8입니다입니다 나는 disabledDates를 사용하려고 노력하고 있지만 일하지는 않습니다.

여기

function DisableWed(date) { 

    var day = date.getDay(); 
    // If day == 1 then it is Wednesday 
    if (day == 3) { 

    return [false] ; 

    } else { 

    return [true] ; 
    } 
    } 
$('#pickdate').datetimepicker({ 
    format: 'Y-m-d H:s', 
    beforeShowDay: DisableWed, 
    minDate: 0, 
    disabledDates: ['2016-11-03 09:00'], 
    allowTimes: ['08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00'] 
}); 

바와 같이 minTime 및 disabledDates 나를 위해 작동하지 않는 것 같다 http://xdsoft.net/jqplugins/datetimepicker/ 설명하는 스크립트입니다.

+0

당신이 바이올린 응답 : 대한 –

+0

감사 @SusheelSingh를 추가하고 여기에 너무 트룽 후인 감사 내 바이올린 https://jsfiddle.net/matatitung/66uvybb8/ – user75472

답변

1

수요일을 사용 중지하려면 BeforeShowDay를 수행 할 필요가 없습니다. 의사를 볼 경우 주중에 주간 사용이 중지됩니다.

disabledWeekDays: [3] // will disable Wednesday 

그런 다음 사용자가 클릭 한 날짜를 확인하기 위해 onChangeDateTime을 사용하여 사용자가 선택한 허용 기준 시간을 재설정 할 수 있습니다. 현재 일 화요일 화요일 여부, 그 경우 초기 허용 시간을 확인하는

onSelectDate:function(dp,$input){ // this will switch available time when choose the day 
    if (dp.getDay() == 2) { 
    this.setOptions({ 
     allowTimes: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00'] 
    }); 
    } else { 
    this.setOptions({ 
     allowTimes: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00'] 
    }); 
    } 

또한 if 문을 초기 허용 된 시간은 오전 8시부터 오후 2시까지이며,

allowTimes: new Date().getDay() == 2 ? ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00'] : ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00'], // this we show 8am-2pm if today day is Tuesday 

시 ~ 오후 6시 8없는 경우 참조 내 DEMO

+0

입니다 수 있습니다. 이것은 나를 위해 정말로 효과적이다. 내가 일을 할 수 없었던 유일한 방법은 장애가있는 날입니다. disabledDates 목록을 추가하더라도 작동하지 않습니다. 나는 잘못된 길로 이것을하고 있는지 잘 모르겠다. 내가 제공 한 바이올린을 볼 수있다. 누군가가 "2016-12-12 09:00"과 같은 날짜를 예약하면 날짜 선택기를 클릭하지 않는 동안이 날짜와 시간을 비활성화해야합니다. onChangeDateTime 이벤트에 추가해야하는 항목입니까? 도움을 주셔서 감사합니다. – user75472

+0

@ user75472 나는 정말로 당신이 disabledDates와 정말로하고 싶은 것을 이해하지 못합니다. 정확히 무엇을하고 싶은지 더 잘 알려주세요. – tkhuynh

+0

수업을위한 예약 사이트가 있습니다. 다른 사람이 수업을 예약하면 2016-12-12 9:00라고 말하면 다른 사람은 해당 날짜/시간을 사용 중지해야합니다. 이게 말이 돼. 이를 설명해야하는지 알려주세요. 감사합니다. – user75472

관련 문제