일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 자바기초
- 2020정보처리기사실기
- CRUD게시판만들기
- 2020정보처리기사실기정리
- 정보처리기사실기정리
- 자바연산자
- 프로그래머스 MYSQL
- crud게시판
- 스프링 crud
- spring crud게시판
- 스프링게시판만들기
- jsp게시판만들기
- spring crud
- 날짜지정팝업
- html기초
- jsp 날짜팝업
- 프로그래머스 쿼리문
- jsp 팝업띄우기
- 게시판만들기
- 스프링 CRUD게시판
- 자바배열예제
- Oracle기초
- 2020정보처리기사실기요약
- 자바 정규표현식 예제
- PLSQL
- 오라클설치
- js datepicker
- 프로그래머스 SQL
- 오버라이딩
- 정처기실기정리
Archives
- Today
- Total
영보의 SystemOut.log
[Javascript] DatePicker 지정된 요일 비활성화 하기 본문
반응형
DatePicker 특정요일 색 및 선택금지 시키기
* 조건 ( 일요일 = 0 , 토요일 = 6 )
- 월요일과 수요일을 제외한 요일은 선택 안되게 할 것
if {
jInput.datetimepicker({
changeMonth: true,
changeYear: true,
controlType: 'select',
timeFormat: 'HH:mm',
dateFormat: 'yy-mm-dd',
yearRange: '1930:2024',
dayNames: ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'],
dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
//minDate: new Date(2018, 5 - 1, 14),
//maxDate: new Date(2018, 8 - 1, 24)
minDate: new Date(2020, 4 - 1, 1),
maxDate: new Date(2023, 8 - 1, 31),
beforeShowDay: disableAllTheseDays
});
}
function disableAllTheseDays2(date) {
var day = date.getDay();
return [(day != 0 && day != 1 && day != 2 && day != 4 && day != 6)];
// 0=일, 1=월, 2=화, 4=목, 6=토 => 안나오게 할 것
}
실행 결과
반응형
'Web > JS' 카테고리의 다른 글
[Javascript] 자바스크립트로 페이스북, 블로그 공유하기 만들기 (0) | 2021.07.25 |
---|---|
[Javascript] 페이지 URL 복사 공유하기 (0) | 2021.07.23 |
[Javascript] 라디오 버튼 클릭 시 value 값 변경하기 (0) | 2021.07.19 |
[JS] alert 경고창 띄우고 이전화면으로 되돌아가기 (0) | 2021.07.06 |
[React] React.js 기초와 출력해보기 (0) | 2020.11.21 |