Datum, das beim Laden im Eingabefeld von DatePicker angezeigt wird

Question

Ich versuche, den vorherigen Monat und das Jahr im Eingabefeld nur beim Laden anzuzeigen.

Jetzt wird das Datum eingestellt und einmal nach dem Fokussieren/Klicken auf Datumsauswahl angezeigt.

Könnte jemand pls helfen mir in den vergangenen Monat und Jahr (Februar 2016) nur auf Last anzeigt, was bedeutet, bevor ich ein beliebiges Datum wählen Sie sich aus picker

unter meinem Code und Demo Link-JSFiddler

$(document).ready(function(){ 
 
    $('.monthYearPicker').datepicker({ 
 
    changeMonth: true, 
 
    changeYear: true, 
 
    showButtonPanel: true, 
 
    dateFormat: 'MM yy', 
 
    yearRange: "-2:+0", 
 
    defaultDate: '-1m' 
 
    }).focus(function() { 
 
    var thisCalendar = $(this); 
 
    $('.ui-datepicker-calendar').detach(); 
 
    $('.ui-datepicker-close').click(function() { 
 
     var Month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
 
     var iYear = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); \t 
 
     thisCalendar.datepicker('setDate', new Date(iYear, Month, 1)); 
 
     var iMonth = $("#ui-datepicker-div .ui-datepicker-month :selected").text(); 
 
    }); 
 
    }); 
 
});

.ui-datepicker-calendar { 
 
    display: none; 
 
}

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> 
 
<label for="startDate">Date :</label> 
 
<input name="myDate" class="monthYearPicker" />

Answer 1

Könnte jemand pls hilft mir Vormonats und sie in der Anzeige ar (Februar 2016) nur auf Last,

Sie müssen nur setDate wie folgt verwenden:

$(document).ready(function() { 
 
    $('.monthYearPicker').datepicker({ 
 
    changeMonth: true, 
 
    changeYear: true, 
 
    showButtonPanel: true, 
 
    dateFormat: 'MM yy', 
 
    yearRange: "-2:+0", 
 
    defaultDate: '-1m' 
 
    }).focus(function() { 
 
    var thisCalendar = $(this); 
 
    $('.ui-datepicker-calendar').detach(); 
 
    $('.ui-datepicker-close').click(function() { 
 
     var Month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
 
     var iYear = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
 
     thisCalendar.datepicker('setDate', new Date(iYear, Month, 1)); 
 
     var iMonth = $("#ui-datepicker-div .ui-datepicker-month :selected").text(); 
 
    }); 
 
    }).datepicker('setDate', "-1m y"); //<<-----set this here. 
 
});

.ui-datepicker-calendar { 
 
    display: none; 
 
}

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" rel="stylesheet" /> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> 
 
<label for="startDate">Date :</label> 
 
<input name="myDate" class="monthYearPicker" />