Calendar

/scss/components/calendar.scss

v.0.1.0 javascript

생성 옵션

Calendar 단일 컴포넌트로 사용되거나, DatePicker의 type이 datetime 또는 date인 경우에 사용됨

<div class="new-calendar is-float-left"></div>
<div class="new-calendar1 is-float-left"></div>

  Gn.create('calendar', {
    target: '.new-calendar',
    value: '2021-04-01',
    onSelect: function (v) {
      console.log('선택한 날짜: '+ v)
    },
    max: '2021-04-30',
    min: '2021-03-01'
  });
  Gn.create('calendar', {
    target: '.new-calendar1',
    onSelect: function (v) {
      console.log('선택한 날짜: '+ v)
    },
    dateType: 'datetime',
    max: '1M',
    min: '-1M'
  });

name	type	default	description
target	string		calendar 생성 타겟
value	string \| Date	now	초기 날짜
dateType	string	date	date, datetime
locale	'ko'\|'en'	ko	표기문구 언어
onSelect	function(value)		날짜 선택 시 발생 이벤트

메소드

name	return	description
setDate(date)	void	날짜 값을 변경한다.