datepicker에서 비활성화된 날짜 색상변경하는법좀

Question

안녕하세요 datepicker에서 비활성화된 날짜 색상변경하는법좀 도움 요청드립니다 구글링 해봐도 주말색상 변경등 밖에 못찾아서용 감사합니다 /*datepicker*/ $(function() { $(&#34;#checkIn&#34;).datepicker({ dateFormat: 'yy-mm-dd', minDate: 0, prevText: '이전 달', nextText: '다음 달', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], dayNames: ['일', '월', '화', '수', '목', '금', '토'], dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'], dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'], showMonthAfterYear: true, yearSuffix: '년', beforeShowDay: IndisableAllTheseDays, onClose: function(selectedDate) { var sdate &#61; new Date(selectedDate); sdate.setDate(sdate.getDate() &#43; 1); $(&#34;#checkOut&#34;).datepicker(&#34;option&#34;, &#34;minDate&#34;, sdate); } }); $(&#34;#checkOut&#34;).datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], dayNames: ['일', '월', '화', '수', '목', '금', '토'], dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'], dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'], showMonthAfterYear: true, yearSuffix: '년', beforeShowDay: OutdisableAllTheseDays, onClose: function(selectedDate) { $(&#34;#checkIn&#34;).datepicker(&#34;option&#34;, &#34;maxDate&#34;, selectedDate); } }); //예약된 날짜 선택막기(ckin) function IndisableAllTheseDays(date) { var disabledDays &#61; []; var jcount &#61; document.getElementById('jcount').value; for(var i&#61;0; i<jcount; i&#43;&#43;){ var cktime &#61; document.getElementById('cktime_'&#43;i).value; var monthNo &#61; cktime.indexOf('-0'); var dayNo &#61; cktime.indexOf('-0', 6); console.log(i); // month, day 모두 앞자리 0인경우 monthNo &#61; 4 dayNo &#61; 7 if((monthNo &#61;&#61; 4) && (dayNo &#61;&#61; 7)){ cktime &#61; cktime.substring(0, 5) &#43; cktime.substring(6, 8) &#43; cktime.substring(9, 10); console.log(cktime); } // month 앞자리만 0인경우 monthNo &#61; 4 dayNo &#61; -1 if((monthNo &#61;&#61; 4) && (dayNo &#61;&#61; -1)){ cktime &#61; cktime.substring(0, 5) &#43; cktime.substring(6, 10); console.log(cktime); } // day 앞자리만 0인경우 monthNo &#61; 7 dayNo &#61; 7 if((monthNo &#61;&#61; 7) && (dayNo &#61;&#61; 7)){ cktime &#61; cktime.substring(0, 8) &#43; cktime.substring(9, 10); console.log(cktime); } // month, day 모두 앞자리 0이 X경우 monthNo &#61; -1 dayNo &#61; -1 if((monthNo &#61;&#61; -1) && (dayNo &#61;&#61; -1)){ console.log(cktime); } disabledDays.push(cktime); } var m &#61; date.getMonth(), d &#61; date.getDate(), y &#61; date.getFullYear(); for (i &#61; 0; i < disabledDays.length; i&#43;&#43;) { if($.inArray(y &#43; '-' &#43;(m&#43;1) &#43; '-' &#43; d,disabledDays) !&#61; -1) { return [false]; } } return [true]; } //예약된 날짜 선택막기(ckout) function OutdisableAllTheseDays(date) { var disabledDays &#61; []; var jcount &#61; document.getElementById('jcount').value; for(var i&#61;0; i<jcount; i&#43;&#43;){ var cktimeout &#61; document.getElementById('cktimeout_'&#43;i).value; var monthNo &#61; cktimeout.indexOf('-0'); var dayNo &#61; cktimeout.indexOf('-0', 6); console.log(i); // month, day 모두 앞자리 0인경우 monthNo &#61; 4 dayNo &#61; 7 if((monthNo &#61;&#61; 4) && (dayNo &#61;&#61; 7)){ cktimeout &#61; cktimeout.substring(0, 5) &#43; cktimeout.substring(6, 8) &#43; cktimeout.substring(9, 10); console.log(cktimeout); } // month 앞자리만 0인경우 monthNo &#61; 4 dayNo &#61; -1 if((monthNo &#61;&#61; 4) && (dayNo &#61;&#61; -1)){ cktimeout &#61; cktimeout.substring(0, 5) &#43; cktimeout.substring(6, 10); console.log(cktimeout); } // day 앞자리만 0인경우 monthNo &#61; 7 dayNo &#61; 7 if((monthNo &#61;&#61; 7) && (dayNo &#61;&#61; 7)){ cktimeout &#61; cktimeout.substring(0, 8) &#43; cktimeout.substring(9, 10); console.log(cktimeout); } // month, day 모두 앞자리 0이 X경우 monthNo &#61; -1 dayNo &#61; -1 if((monthNo &#61;&#61; -1) && (dayNo &#61;&#61; -1)){ console.log(cktimeout); } disabledDays.push(cktimeout); } var m &#61; date.getMonth(), d &#61; date.getDate(), y &#61; date.getFullYear(); for (i &#61; 0; i < disabledDays.length; i&#43;&#43;) { if($.inArray(y &#43; '-' &#43;(m&#43;1) &#43; '-' &#43; d,disabledDays) !&#61; -1) { return [false]; } } return [true]; }

datepicker에서 비활성화된 날짜 색상변경하는법좀

0개의 답변

Q&A 목록