5

Bitte schauen Sie sich meine fiddle.Deaktivieren Sie Monate auf Monat/DatePicker

Ich habe einen Monatspicker, der nur Benutzern erlaubt, ein Jahr im Voraus zu wählen, aber was ich will, ist für die vergangenen Monate deaktiviert und auch Monate nach einem Jahr im Voraus deaktiviert zu werden, aber ich kann nicht herausfinden, wie man das bekommt arbeiten.

Beispielszenario Aktuelle Monat ist ‚Oktober‘ so für ‚Jahr 2015‘ Monate Januar bis September 'deaktiviert und ‚November-DEZEMBER‘ Monate für ‚Jahr 2016‘

Ich habe versucht, deaktiviert mit minDate: "0" und maxDate: "1y", aber sie funktionieren nicht.

HTML

<div class="input-group date" style="width: 200px"> 
    <input type="text" id="example1" class="form-control" style="cursor: pointer"/> 
     <span class="input-group-addon"> 
      <i class="glyphicon glyphicon-calendar"></i> 
     </span> 
</div> 

JQuery

$('#example1').datepicker 
({ 
    format: "MM yyyy", 
    minViewMode: 1, 
    autoclose: true, 
    startDate: new Date(new Date().getFullYear(), '0', '01'), 
    endDate: new Date(new Date().getFullYear()+1, '11', '31') 
}); 
+0

vielleicht in dieser Frage einen Blick hat, wird Ihnen eine Idee geben? - http://stackoverflow.com/questions/21031211/how-to-disable-different-months-in-e-ach-datepicker-range-year-using-befo – TrojanMorse

Antwort

5

DEMO

Sie können es mit startDate und endDate aber versuchen Datum Variablen zugewiesen wird, so mewhere außen wie folgt:

var date=new Date(); 
var year=date.getFullYear(); //get year 
var month=date.getMonth(); //get month 

$('#example1').datepicker 
({ 
    format: "MM yyyy", 
    minViewMode: 1, 
    autoclose: true, 
    startDate: new Date(year, month, '01'), //set it here 
    endDate: new Date(year+1, month, '31') 
}); 
3

, was ich will, ist in den letzten Monaten und auch alle Monate nach einem Jahr im Voraus deaktiviert werden, um

deaktiviert werden, die ich versucht habe minDate mit: „0“ und maxDate: "1y", aber sie funktionieren nicht.

Sie sind auf dem richtigen Weg. Aber statt minDate und maxDate verwenden Sie startDate und endDate. Wie folgt aus:

$('#example1').datepicker ({ 
    startDate: "-0m", 
    endDate: "+1y",  
    ... 
}); 

-0m erlauben nur bis zu diesem Monat und +1y zu erlauben, nur bis zu einem Jahr.

Fiddle: http://jsfiddle.net/abhitalks/RWY2X/34/

+0

Ziemlich schön .. +1 .. :) –

Verwandte Themen