document.readyState === 'complete' ? init() : window.onload = init;

//

function init() {

  // InputDate

  let theInputDate = new wijmo.input.InputDate('#theInputDate', {

    valueChanged: () => showCurrentDate(theInputDate),

    itemValidator: (date) => (date.getDay() % 6 != 0) && !getHoliday(date)

  });

  showCurrentDate(theInputDate);

  //

  // InputDate의 달력 항목 형식 지정(주말 및 공휴일에 스타일 적용):

  theInputDate.calendar.formatItem.addHandler((sender, e) => {

    let weekday = e.data.getDay(), holiday = getHoliday(e.data);

    //

    wijmo.toggleClass(e.item, 'date-weekend', weekday == 0 || weekday == 6);

    wijmo.toggleClass(e.item, 'date-holiday', holiday != null);

    e.item.title = holiday || '';

  });

  //

  //현재 선택된 날짜 표시

  function showCurrentDate(ctrl) {

    let el = document.querySelector('#theInputDateOutput');

    el.textContent = wijmo.Globalize.format(ctrl.value, 'D');

  }

}

​

​

let holidays = {

  '1/1': 'New Year\'s Day',

  '6/14': 'Flag Day',

  '7/4': 'Independence Day',

  '11/11': 'Veteran\'s Day',

  '12/25': 'Christmas Day',

  '1/3/1': 'Martin Luther King\'s Birthday',

  '2/3/1': 'Washington\'s Birthday',

  '5/3/6': 'Armed Forces Day',

  '9/1/1': 'Labor Day',

  '10/2/1': 'Columbus Day',

  '11/4/4': 'Thanksgiving Day' // 11월 넷째 주 목요일

};

//

// 주어진 날짜에 대한 휴일 가져오기

function getHoliday(date) {

  let day = date.getDate(), month = date.getMonth() + 1, holiday = holidays[month + '/' + day];

  //

  if (!holiday) {

    let weekDay = date.getDay(), weekNum = Math.floor((day - 1) / 7) + 1;

    //

    holiday = holidays[month + '/' + weekNum + '/' + weekDay];

  }

  //

  return holiday;

}

​