dleksqhf
57
2019-02-11 19:52:03
3
524

시간대별 예약 시스템 질문 있습니다.


안녕하세요

팀 프로젝트 중 시간대별 예약 시스템을 구현하다가 막히는 부분이 있어

힌트라도 얻고자 이렇게 질문 글을 올립니다.


제가 막히는 부분은..

날짜를 선택 하고나서 해당 날짜에 이미 예약된 시간(겹치는 시간)이 있을 경우

시간 선택을 하는 셀렉트 박스에서 해당 시간을 disable 처리하는 부분입니다.


예를들어 2019년2월12일에 12시 부터 14시까지 예약이 되어 있다면

시간 선택 셀렉트 박스에서 12시 13시 14시 option 부분이 disable처리 되어 선택이 안되게끔 하고싶습니다.

어디서 어떻게 접근을 해야 해당 기능을 구현할 수 있을지 조언좀 부탁드리겠습니다.


아래는 예약정보 테이블이구요.. 

Person=이용 인원

ReservationDate=이용 날짜

ReservationTime=예약 시간(24시간)

UseTime=예약 시간으로 부터 이용할 시간(1시간 단위)



아래는 예약데이터를 받는 뷰입니다.


0
0
  • 답변 3

  • 도각도각
    3k
    2019-02-11 20:00:05

    각 시간별 데이터로 로우데이터를 쪼개서 하면 좀 편하지 않을까 싶네요.


    예를 들어.. 사용자가 2월 12일 아침 9시부터 오후 5시까지 예약을 하면..


    해당 사용자의 예약 데이터를 9,10,11,12,13,14,15,16,17 이렇게 9건의 데이터를 쌓는거죠.


    그럼 확인하기도 편할거 같은데.. ㅎㅎ

    1
  • 사는게힘듭니다
    2019-02-11 21:54:38

    저 목록을 뿌려주는 JSP페이지도 잠시 보여주실수있으시면 제가 아는대로 도움을 드리겠습니다.

    1
  • dleksqhf
    57
    2019-02-12 00:52:16

    @도각도각님 9개의 데이터를 쌓는다는게 잘 이해가 가지 않습니다ㅠㅠ 조금만 더 자세히 알려주시면 안될까요? 감사합니다!

    @멍앤야옹님 아래 내용입니다.  시간 내주셔서 감사합니다.

    <html>

    <body>

    <div class="container" layout:fragment="content">

    <div th:each="item:${list}">

    <a th:text="${item.roomname}" class="a"></a><br>

    <a><img th:src="@{static/}+${item.thumbnailPath}" style="height: 280px"/></a>

    <form action="/reserve">

    <table>

    <tbody>

      <input type="hidden" name="roomid" th:value="${item.id}">

    <tr>

    <th>이용 인원</th>

    <th><select name="person" id="person">

    <option>선택</option>

    <option value="2">2인</option>

    <option value="3">3인</option>

    <option value="4">4인</option>

    <option value="5">5인</option>

    <option value="6">6인</option>

    <option value="7">7인</option>

    <option value="8">8인</option>

    <option value="9">9인</option>

    <option value="10">10인</option>

    <option value="15">15인</option>

    <option value="20">20인</option>

    <option value="25">25인</option>

    <option value="30">30인</option>

    </select>

    </th>

    </tr>

    <tr>

    <th>이용 날짜</th>

    <th><input type="text" id="testDatepicker" placeholder="연도/월/일" autocomplete="off" name="reservationdate"></th>

    <tr>

    <th>이용 시간</th>

    <th><select id="reservationtime" name="reservationtime">

    <option>선택</option>

    <option value="00:00:00">00</option>

    <option value="01:00:00">01</option>

    <option value="02:00:00">02</option>

    <option value="03:00:00">03</option>

    <option value="04:00:00">04</option>

    <option value="05:00:00">05</option>

    <option value="06:00:00">06</option>

    <option value="07:00:00">07</option>

    <option value="08:00:00">08</option>

    <option value="09:00:00">09</option>

    <option value="10:00:00">10</option>

    <option value="11:00:00">11</option>

    <option value="12:00:00">12</option>

    <option value="13:00:00">13</option>

    <option value="14:00:00">14</option>

    <option value="15:00:00">15</option>

    <option value="16:00:00">16</option>

    <option value="17:00:00">17</option>

    <option value="18:00:00">18</option>

    <option value="19:00:00">19</option>

    <option value="20:00:00">20</option>

    <option value="21:00:00">21</option>

    <option value="22:00:00">22</option>

    <option value="23:00:00">23</option>

    </select>

    <a>시에 시작하여</a>

    <select name="usetime">

    <option value="02:00:00">2시간</option>

    <option value="03:00:00">3시간</option>

    <option value="04:00:00">4시간</option>

    <option value="05:00:00">5시간</option>

    <option value="06:00:00">6시간</option>

    <option value="07:00:00">7시간</option>

    <option value="08:00:00">8시간</option>

    <option value="09:00:00">9시간</option>

    <option value="10:00:00">10시간</option>

    </select>

    <a>동안 이용</a>

    </th>

    </tr>

    </tbody>

    </table>

    <input type="submit" value="예약하기">

    </form>


    </div>

    </div>

    </body>

    </html>

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.