예약게시판 토요일만 시간이 다르게 설정하고 싶습니다
본문
안녕하세요 datepicker를 이용해서 온라인예약 게시판을 만들었는데요. 토요일만 시간대를 줄여달라는 요청이왔습니다. 달력에서 토요일을 선택했을때만 시간대를 다르게 하고 싶습니다. 예약시간대를 토요일만 오전 9시 ~ 오후12시 30분만 선택할 수 있도록 하고 싶습니다. 일요일은 선택불가 등 이것저것 다른건 다 구해서 겨우 했는데 이건 도저히 못하겠네요 도움 주시면 감사하겠습니다 ^^ basic스킨에 여분필드와 datepicker만 사용했습니다.
<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>
<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>
답변 2
하단에 스크립트 추가로 옵션값을 조정하면 될 듯 합니다.
<script>
$("#wr_1").change(function(){
요일확인
if(토요일) {
$("#wr_2").얍얍얍~
} else {
$("#wr_2").얍얍얍얍얍얍~
}
});
</script>
아. onSelect로 조정이 가능하겠네요.
<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>
정말 감사합니다~ 아직 적용은 안해봤는데 빨리 해봐야겠네요~ ^^
답변을 작성하시기 전에 로그인 해주세요.