예약게시판 토요일만 시간이 다르게 설정하고 싶습니다 채택완료
스트로우
9년 전
조회 3,161
안녕하세요 datepicker를 이용해서 온라인예약 게시판을 만들었는데요. 토요일만 시간대를 줄여달라는 요청이왔습니다. 달력에서 토요일을 선택했을때만 시간대를 다르게 하고 싶습니다. 예약시간대를 토요일만 오전 9시 ~ 오후12시 30분만 선택할 수 있도록 하고 싶습니다. 일요일은 선택불가 등 이것저것 다른건 다 구해서 겨우 했는데 이건 도저히 못하겠네요 도움 주시면 감사하겠습니다 ^^ basic스킨에 여분필드와 datepicker만 사용했습니다.
</p><p><script>
$(function(){
$("#wr_1").datepicker({
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd",
showButtonPanel: true,
yearRange: "c-99:c+99",
minDate: '1d',
maxDate: "+30d",
beforeShowDay: function(date) {
var day = date.getDay();
return [(day != 0 && day != 7)];}
});
});
</script></p><p> </p><p> </p><p> <tr>
<th>날 짜</th>
<td>
<input type="text" name="wr_1" value="<?php echo $write['wr_1'] ?>" id="wr_1" required class="frm_input required" size="15" placeholder="날짜선택">
<select name="wr_2" id="wr_2" required>
<option value="">시 간</option>
<option value="09:00" <?php echo ($write['wr_2'] == "09:00") ? "selected" : "";?>>09:00</option>
<option value="09:30" <?php echo ($write['wr_2'] == "09:30") ? "selected" : "";?>>09:30</option>
<option value="10:00" <?php echo ($write['wr_2'] == "10:00") ? "selected" : "";?>>10:00</option>
<option value="10:30" <?php echo ($write['wr_2'] == "10:30") ? "selected" : "";?>>10:30</option>
<option value="11:00" <?php echo ($write['wr_2'] == "11:00") ? "selected" : "";?>>11:00</option>
<option value="11:30" <?php echo ($write['wr_2'] == "11:30") ? "selected" : "";?>>11:30</option>
<option value="12:00" <?php echo ($write['wr_2'] == "12:00") ? "selected" : "";?>>12:00</option>
<option value="12:30" <?php echo ($write['wr_2'] == "12:30") ? "selected" : "";?>>12:30</option>
<option value="14:00" <?php echo ($write['wr_2'] == "14:00") ? "selected" : "";?>>14:00</option>
<option value="14:30" <?php echo ($write['wr_2'] == "14:30") ? "selected" : "";?>>14:30</option>
<option value="15:00" <?php echo ($write['wr_2'] == "15:00") ? "selected" : "";?>>15:00</option>
<option value="15:30" <?php echo ($write['wr_2'] == "15:30") ? "selected" : "";?>>15:30</option>
<option value="16:00" <?php echo ($write['wr_2'] == "16:00") ? "selected" : "";?>>16:00</option>
<option value="16:30" <?php echo ($write['wr_2'] == "16:30") ? "selected" : "";?>>16:30</option>
<option value="17:00" <?php echo ($write['wr_2'] == "17:00") ? "selected" : "";?>>17:00</option>
</select> (13:00 ~ 14:00 점심시간)
</td>
</tr></p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
하단에 스크립트 추가로 옵션값을 조정하면 될 듯 합니다.
</p><p><script></p><p>$("#wr_1").change(function(){</p><p style="margin-left: 40px;">요일확인</p><p style="margin-left: 40px;">if(토요일) {</p><p style="margin-left: 80px;">$("#wr_2").얍얍얍~</p><p style="margin-left: 40px;">} else {</p><p style="margin-left: 80px;"><span style="font-size: 14.6667px;">$("#wr_2").얍얍얍얍얍얍~</span> </p><p style="margin-left: 40px;">}</p><p>});</p><p></script></p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
그림자밟기
9년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
[code]
<script>
$(function(){
$("#wr_1").datepicker({
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd",
showButtonPanel: true,
yearRange: "c-99:c+99",
minDate: '1d',
maxDate: "+30d",
onSelect: function(date) {
var day = date.getDay();
if(day == 6) {
옵션조절
} else {
옵션조절
}
}),
beforeShowDay: function(date) {
var day = date.getDay();
return [(day != 0 && day != 7)];}
});
});
</script>
[/code]