Datepicker plage de dates

Question

J'utilise la fourche https://github.com/eternicode/bootstrap-datepicker mais j'ai quelques problèmes.

Je veux que le datepicker montre d'abord les années, et après je clique sur une année il montre le mois, et ensuite il devrait fermer sur le clic de mois ainsi la date devient "2013-01" par exemple.

J'ai essayé toutes les combinaisons possibles sur ViewMode et minviewmode mais ne peut le faire fonctionner dans cet ordre particulier.

Voici mon JS:

$('#from_date').datepicker({ 
    viewMode: "years", 
    minViewMode: "years", 
    format: 'yyyy-mm-dd', 
    startDate: '2008-01-01', 
    endDate: 'y-12-31', 
    autoclose: true 
}); 

Quel est le code correct?

Est-il possible de cacher les dates qui ne sont pas dans la plage de dates? Il montre des années avant 2008 et après 2013 (même si je ne peux pas les cliquer).

L'autre problème est que le popup s'ouvre sur la div, et non sur le bouton du calendrier (comme le fait le script original). HTML ressemble à ceci:

<div class="input-append date" id="from_date" data-date="102/2012" data-date-format="yyyy-mm" data-date-viewmode="years" data-date-minviewmode="months"> 
<input name="date_from" id="dpMonths" class="dpMonths input-block-level" type="text" value="2008" /><span class="add-on"><i class="icon-calendar"></i></span> 
</div> 

Answer 1

Voici ma conclusion:

$('#from_date').datepicker({ 
    startView: "decade", 
    minViewMode: "months", 
    format: 'yyyy-mm-dd', 
    startDate: '2008-01-01', 
    endDate: 'y-12-31', 
    autoclose: true 
}); 

$('#to_date').datepicker({ 
    startView: "decade", 
    minViewMode: "months", 
    format: 'yyyy-mm-dd', 
    startDate: '2008-01-01', 
    endDate: 'y-12-31', 
    autoclose: true 
}); 

Encore un problème que je besoin d'aide. J'ai besoin de "to_date" pour terminer le dernier jour du mois. Ainsi, la plage de dates va du 2013-01-01 au 2013-01-31 et non du 2013-01-01 au 2013-01-01 comme c'est le cas actuellement.