datepicker

datepicker 옵션

 

<script>
	$.datepicker.setDefaults({
		dateFormat: 'yy-mm-dd',
		//	minDate: '-7',	// 일주일 이전 날짜 선택 못하게
		maxDate: '1',	// 하루 이후 날짜 선택 못하게
		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: '년',

		showOn: 'both', //	button,both : "button" ->button 클릭 시 날짜 위젯을 보여준다. "both" => button이나 text상자 클릭 시 날짜 위젯을 보여준다.
		buttonImage: 'images/calendar_ico.png',  // 우측 달력 icon 의 이미지 패스
		buttonImageOnly: true, // true이면 입력 필드 옆에 이미지만 표시됩니다. false이면 버튼 안에 이미지가 표시됩니다. inputbox 뒤에 달력icon만 표시한다. ('...' 표시생략)



		// 년 또는 월이 변경시 이벤트 발생
		onChangeMonthYear: function (year, month, inst) {
			// alert('년 또는 월이 변경시 이벤트 발생');
		},

		// 일자 선택되기전 이벤트 발생
		beforeShow: function (input, inst) {
			// alert('일자 선택되기전 이벤트 발생');
		},

		// 일자 선택된 후 이벤트 발생
		onSelect: function (dateText, inst) {
			// alert('일자 선택된 후 이벤트 발생');
		}

	});

	$(function() {
		$("#datepicker1").datepicker();
	});


</script>

 

 

https://jqueryui.com/themeroller/

ThemeRoller | jQuery UI