datepicker 처음 열리는 달이 다음달이 될수있도록

jQuery UI Datepicker에서는 처음 달력을 열었을 때 표시되는 달을 특정 연도/월로 지정할 수 있습니다.
이때 defaultDate 옵션을 활용하면 됩니다.

1. 특정 월로 시작하기 (예: 10월)

<input type="text" id="datepicker">
<script>
$(function() {
    $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        defaultDate: new Date(new Date().getFullYear(), 9, 1) // 10월 (0=1월, 9=10월)
    });
});
</script>

? 설명

• new Date(연도, 월-1, 일) 형식

• new Date().getFullYear() → 올해 연도

• 9 → 10월 (0부터 시작)

2. 특정 연도·월로 시작하기 (예: 2026년 1월)

<input type="text" id="datepicker">
<script>
$(function() {
    $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        defaultDate: new Date(2026, 0, 1) // 2026년 1월
    });
});
</script>

3. 현재 날짜는 유지하면서 특정 달로만 열기

만약 오늘 날짜는 선택값으로 유지하되, 달력만 특정 달로 열고 싶으면 setDate로 현재 날짜를 유지하고 gotoDate로 화면만 이동합니다.

<input type="text" id="datepicker">
<script>
$(function() {
    $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd"
    }).datepicker("setDate", new Date())        // 선택 날짜를 오늘로
      .datepicker("option", "beforeShow", function() {
          $(this).datepicker("setDate", new Date()); // 선택값 유지
          $(this).datepicker("gotoDate", new Date(2026, 0, 1)); // 달력은 2026년 1월로 이동
      });
});
</script>

4. 옵션 요약

어떤 방식으로 쓰실 건가요?
예를 들어 항상 10월로 시작하지만 선택은 오늘 날짜로 하고 싶다면 세 번째 방식이 가장 적합합니다.