select 동적으로 disabled 시키고 싶은데 어떤 방법이 있을까요?

Question

기존의 예약건 리스트를 불러와서 이미 예약이 있는 시간대에는 선택이 불가하도록 disabled 처리까지는 했는데요.위 사진은 13:00~15:00 까지 예약이 있어서 disabled 처리가 된 모습이고요.문제는 12:00 ~16:00 이런식으로 예약은 가능하게 되었다는겁니다. 시작시간에 onchange 로 뭘 해야할지 감이 안오네요.도움주시면 정말 감사하겠습니다.기존 코드는 이런식으로 작성했습니다.이건 시작시간 선택시 작동하는 함수입니다.

다크 템플러 · Answer

시작시간 선택 시그 시간보다 빠른 시간 중 이미 예약된 가장 늦은 시간보다 이전 시간 모두 disable그 시간보다 늦은 시간 중 이미 예약된 가장 빠른 시간보다 늦은 시간 모두 disable식으로 하면 될 것 같네요

하태연 · Answer

https://jsfiddle.net/haguri_peng/3p8kqe1j/6/제가 샘플로 만들어봤는데 잘 안되시면 참고해보세요.13~15시까지 예약이면, 15시부터 시작하는 건(반대로 13시가 종료시각인 경우에도 선택되어야) 선택되어야 하는데 지금 상황에선 모두 disable 해서 선택이 안되는데, 제가 샘플로 만든 소스 보시면 방법 나와있습니다.

select 동적으로 disabled 시키고 싶은데 어떤 방법이 있을까요?

2개의 답변

기타 목록