Imaginemos que tem isto no HTML:
<input type="text" id="date_start">
No javascript temos isto:
var date = new Date(), y = date.getFullYear(), m = date.getMonth();
var fSDate = new Date(y, m, 1);
var fEDate = new Date(y - 1, m + 1, 0);
$.datepicker.setDefaults({
changeMonth: false,
changeYear: false,
showOtherMonths: false,
yearRange: '-0:+0',
dateFormat: 'yy-mm-dd',
defaultDate: +0, //30 days ago
numberOfMonths: 1,
minDate: fSDate,
maxDate: fEDate,
showAnim: 'fadeIn',
showButtonPanel: false
});
$('#date_start').datepicker();
Preste atenção no fSDate
e fEDate
e repare como pode definir os limites para o ano, mês e dia usando um pouco de lógica. Eu já subtraí um ano no fEDate
e ele só vai mostrar no máximo 2016.
Veja este exemplo online no JSFiddle. Este exemplo é óptimo para você ver tudo o que pode mudar até obter o resultado desejado. Brinque um pouco com esse fiddler até dominar esse datepicker()
.