현재 시간에 따라 시간 슬롯을 비활성화하는 방법

Question

여기 하루 24 시간 슬롯이 있습니다.이 슬롯에는 모든 속성을 예약하는 데 한 시간이 포함되어 있습니다.

이제는 지출 된 시간에 따라 더 이상 예약 할 용도가없는 시간대를 사용하지 않으려합니다. 여기

여기

가 비활성화 그 시간 슬롯

.hour_slots_disabled{ 
    height: 40px; 
    width: 75px; 
    cursor: not-allowed; 
    background-color: #ccc; 
    border-radius: 2px; 
    -o-transition:.5s; 
    -ms-transition:.5s; 
    -moz-transition:.5s; 
    -webkit-transition:.5s; 
    transition:.5s; 
    } 

저를 제안하십시오 내 CSS를하다 그 시간 슬롯의 그림입니다 .. 감사합니다

Answer 1

PHP 변형

PHP (기능 date)에서 현재 시간을 확인하고 과거 시간이 포함 된 요소 인 경우 hour_slots_disabled 클래스를 확인하십시오. JS는 전체 페이지가로드 된 후에 만 ​​실행해야로서, (클래스 hour_slots_disabled를 모든 요소가 있어야합니다 제거, JS (객체 Date)와 미래의 시간을 포함하는 요소에 대한

자바 스크립트 변형

확인 현재 시간 기본적으로 사용 중지됨).