JQuery와 날짜 선택기 드롭 다운 메뉴는 현재 날짜하지 선택한 날짜를

을 표시, 시작 날짜의 선택 값은 '2016년 12월'하지만 난 그것을 클릭하면 현재의 년, 월을 보여줍니다. 대신 선택한 값 (2016 년 12 월)이 표시되어야합니다. 어떻게 해결할 수 있습니까?

$('#startDateEdEdit').datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     dateFormat: 'MM yy', 
     setDate: startDateEd, 
     yearRange: `1920:${todayYear+10}`, 
     onClose: function(dateText, inst) { 
      startDateEdEdit = new Date(inst.selectedYear, inst.selectedMonth, 1); 
      $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1)); 
      if(endDateEdEdit < startDateEdEdit){ 
       $('#endDateEdEdit').datepicker('setDate',null); 
      } 
      else { 
       var duration = $('#endDateEdEdit').datepicker('getDate')?durationCalculator(startDateEdEdit, endDateEdEdit):null; 
       document.getElementById('durationEdit').value = duration.duration; 
       document.getElementById('eduEdit-duration').value = duration.years; 
      } 
     } 
    });

출처

2017-12-19 Laksh Goel

당신의 월 선택기를 사용하는 것을 선호한다면이 https://kidsysco.github.io/jquery-ui-month-picker/ 및 jsfiddle 여기 HTTP 볼 수 있습니다 : // jsfiddle .net/kidsysco/JeZap/ – Sagar

이 날짜 선택기에 dateformat 필드에 일부 문제가 될 것 같습니다 :

다음은 시작 날짜의 날짜 선택기의 코드입니다. 할 수있는 일은 dateFormat: 'MM yy' 대신에 dateFormat: 'dd MM, yy'으로 바꿔 주시겠습니까?

출처

2017-12-19 10:18:31 cdoshi

하지만 나는 그날을 선택하기를 원하지 않는다. 나는 그 달과 년을 선택하는 옵션을 사용자에게주고 싶다. –

onClose 이벤트와 beforeShow 이벤트 사이를 조정해야합니다.

$(function() { 
$('.date-picker').datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    showButtonPanel: true, 
    dateFormat: 'MM yy' 
onClose: function() { 
    var iMonth = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 

    var iYear = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 

    $(this).datepicker('setDate', new Date(iYear, iMonth, 1)); 

}, 
beforeShow: function() { 

    if ((selDate = $(this).val()).length > 0) 

    { 
     iYear = selDate.substring(selDate.length - 4, selDate.length); 
     iMonth = jQuery.inArray(selDate.substring(0, selDate.length - 5), 
       $(this).datepicker('option', 'monthNames')); 

     $(this).datepicker('option', 'defaultDate', new Date(iYear, iMonth, 1)); 
     $(this).datepicker('setDate', new Date(iYear, iMonth, 1)); 
    } 
} 
});});

JSFiddle

출처

2017-12-19 10:58:05 Sagar

JQuery와 날짜 선택기 드롭 다운 메뉴는 현재 날짜하지 선택한 날짜를

답변

관련 문제