아미(아름다운미소)

[jQuery] 날짜선택 위젯- datepicker 본문

랭귀지/JQUERY

[jQuery] 날짜선택 위젯- datepicker

유키공 2017. 12. 21. 09:30
datepicker를 사용하기 위해서는 기본적으로 다음의 3가지 File을 import해야 합니다.
  
  
  
datepicker의 가장 기본적인 코드를 살펴보면 다음과 같습니다.
	$(function() {
    $( "#testDatepicker" ).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: '년'

    });
});
해당 메소드에서 선택자로 지명한 id가 testDatepicker인 input 태그를 추가합니다
 

'랭귀지 > JQUERY' 카테고리의 다른 글

trigger prop 차이  (0) 2021.08.17
[jQuery] 펼침메뉴  (0) 2017.12.20
[Jquery]퀵메뉴  (0) 2017.12.20
[jQuery] 레이어 팝업  (0) 2017.12.18
Comments