Twitter Bootstrap datepicker: wie man nur bestimmten Datumsbereich aktiviert

Question

Ich arbeite an einem Projekt auf Twitter Bootstrap mit einem Datepicker von https://github.com/eternicode/bootstrap-datepicker (das ist eine Gabelung aus einer anderen Version), aber es fehlt eine sehr wichtige Funktion, die ich brauche - wie man nur bestimmten Datumsbereich aktiviert (zB von den letzten 15 Tagen bis heute), so dass jedes andere Datum nicht einmal ausgewählt werden kann (nicht anklickbar).

fand ich eine ähnliche Lösung hier auf SO, den Samstag und Sonntag deaktiviert: Limit bootstrap-datepicker to weekdays only? http://jsfiddle.net/katowulf/zNbUT/5/, aber ich weiß nicht, wie man einstellt es auf meine Bedürfnisse.

Vielen Dank im Voraus.

Answer 1

Die ähnliche Frage, die Sie ganz einen Hack zu Ende verknüpft mit, aber was wollen Sie viel einfacher ist - Sie suchen die startDate und endDate Optionen:

$('#dp1').datepicker({ 
    format: 'mm-dd-yyyy', 
    startDate: '-15d', 
    endDate: '+0d' // there's no convenient "right now" notation yet 
}); 

Diese Optionen können Date Objekte, Timedelta-Strings (wie ich es hier gemacht habe), oder Datumszeichenfolgen, die dem gegebenen format folgen.

Demo: http://jsfiddle.net/zNbUT/131/

Stellen Sie außerdem sicher, dass Sie den Code aus GitHub verwenden - eyecon.ro Kopie der Original-Code, mit alten Fehlern und ohne die neueren Funktionen.

Answer 2

var startDate = new Date(); 
startDate.setDate(startDate.getDate()-15); 

var endDate = new Date(); 

$('#dp1') 
.datepicker().on('changeDate', function(ev){ 
    if (ev.date.valueOf() > endDate.valueOf()){ 
     alert('The date selected is too far in the future.'); 
    } else if (ev.date.valueOf() < startDate.valueOf()){ 
     alert('The date selected is too far in the past'); 
    } else { 
     alert('fine') 
    } 

});

http://jsfiddle.net/XSmx6/14/