script

2020.09.18 09:39

jquery - datepicker

  • 관리자 2020.09.18 인기
  • 8,960
    0
$( "#datepicker" ).datepicker();

 http://api.jqueryui.com/datepicker/#option-altField

  $("#datepicker").datepicker({
    dateFormat: 'yy-mm-dd',
    showOtherMonths: true,
    selectOtherMonths: true,
    changeMonth: true,
    changeYear : true
   
  });

  $.datepicker.setDefaults({
    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: '년'
  });


 // 주말(토, 일요일) 선택 막기
// beforeShowDay: noWeekendsOrHolidays
 function noWeekendsOrHolidays(date) {
  var noWeekend = jQuery.datepicker.noWeekends(date);
  return noWeekend[0] ? [true] : noWeekend;
  }


 // 특정일 선택막기
//beforeShowDay: disableAllTheseDays
 var disabledDays = [
  "2020-7-6",
  "2020-7-7"
 ];

  // 특정일 선택막기
function disableAllTheseDays(date) {
  var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
  for (i = 0; i < disabledDays.length; i++) {
  if($.inArray(y + '-' +(m+1) + '-' + d,disabledDays) != -1) {
  return [false];
  }
  }
  return [true];
  }
  • 공유링크 복사
  • 이전글juery - form2020.09.18
  • 다음글다중 파일 다운로드2020.09.18
  • 댓글목록

    등록된 댓글이 없습니다.