예약게시판 토요일만 시간이 다르게 설정하고 싶습니다 채택완료

안녕하세요 datepicker를 이용해서 온라인예약 게시판을 만들었는데요. 토요일만 시간대를 줄여달라는 요청이왔습니다. 달력에서 토요일을 선택했을때만 시간대를 다르게 하고 싶습니다. 예약시간대를 토요일만 오전 9시 ~ 오후12시 30분만 선택할 수 있도록 하고 싶습니다. 일요일은 선택불가 등 이것저것 다른건 다 구해서 겨우 했는데 이건 도저히 못하겠네요 도움 주시면 감사하겠습니다 ^^ basic스킨에 여분필드와 datepicker만 사용했습니다.

 

Copy
<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개

채택된 답변
+20 포인트

하단에 스크립트 추가로 옵션값을 조정하면 될 듯 합니다.

 

Copy
<script>$("#wr_1").change(function(){요일확인if(토요일) {$("#wr_2").얍얍얍~} else {$("#wr_2").얍얍얍얍얍얍~ }});</script>
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

아. onSelect로 조정이 가능하겠네요.
[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]

댓글을 작성하려면 로그인이 필요합니다.

정말 감사합니다~ 아직 적용은 안해봤는데 빨리 해봐야겠네요~ ^^ 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고