Twitter Bootstrap-datepicker: so aktivieren Sie nur bestimmte daterange

Ich bin an einem Projekt arbeitet, basierend auf Twitter Bootstrap, die mit einem datepicker aus https://github.com/eternicode/bootstrap-datepicker (das ist eine Abspaltung von einer anderen version), aber es fehlt ein sehr wichtiges feature, das ich brauche - wie aktivieren Sie nur bestimmten Zeitraum (zB. von den vergangenen 15 Tage bis heute), so ist jedes andere Datum kann nicht selbst gewählt (nicht anklickbar).

Fand ich eine ähnliche Lösung hier ALSO an, was die Funktion deaktiviert samstags und sonntags:
Limit bootstrap-datepicker-an Werktagen nur?
http://jsfiddle.net/katowulf/zNbUT/5/ , aber ich weiß nicht, wie Sie es meinen Bedürfnissen.

Vielen Dank im Voraus.

InformationsquelleAutor jabbalesku | 2012-09-29
  1. 14

    Ähnliche Frage, die Sie verknüpft, um am Ende mit ganz ein hack, aber das, was Sie wollen, ist viel einfacher-Sie sind auf der Suche für 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 nehmen Date Objekte, timedelta-strings (wie ich hier), oder Datum-strings nach dem angegebenen format.

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

    Also, stellen Sie sicher, dass Sie den code aus github -- eyecon.ro-Kopie ist mit dem original-code, mit alten bugs und ohne die neueren features.

    • Bereits fand diese Lösung auf stackoverflow.com/questions/11933173/.... Gibt es eine Möglichkeit zu machen, beschränkt Tagen "Grau" -out", so dass die Nutzer sehen können, welche Termine auswählen können, bevor Sie versuchen?
    • die deaktivierten Tage sollten schon ausgegraut sein, wenn Sie die Formate in der repo.
    InformationsquelleAutor eternicode
  2. 3
    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/

    • Nicht Arbeit. Hier versuchte: jsfiddle.net/XSmx6/1
    • Sie müssen eine Prozedur und Abbrechen der Auswahl wenn es out of range.
    • Ich habe aktualisiert und Hinzugefügt ein jsfiddle
    • Sie hat nicht mich verstehen. Ich habe das schon getan mit den Warnungen, aber ich brauche etwas anderes. Eingeschränkte Termine sollten nicht auch anklickbar, so wie hier jsfiddle.net/katowulf/zNbUT/5 (Sie können nicht, klicken Sie auf Tage am Wochenende). Trotzdem, vielen Dank für die Mühe.
    • ah fair genug. Ich weiß, Wechsel kann mühsam, aber jQuery UI datepicker hat dies als built-in-Funktionalität - vielleicht wäre es einfacher einfach zu verwenden und passen Sie die Farbgebung.
    • ich weiß, dass jQuery UI haben diese Funktion, ich verwende es bereits auf einem anderen Projekt, aber das muss sein, Bootstrap-basierte, weil es flexibler auf verschiedenen Plattformen als sauberes HTML (responsive layout). Anwendung ist intented für Gebrauch auf verschiedenen Plattformen (Win,Mac,Lin,iPhone,iPad,Android). Einige andere Leute versucht zu passen das Thema, aber diese Lösung müssen mögliche Probleme in der Zukunft bei der Aktualisierung.

    InformationsquelleAutor Harry
Schreibe einen Kommentar