Deaktivieren Sie bestimmte Termine in Angularjs Datumsauswahl

Möchte ich deaktivieren bestimmtes Datum in der Datumsauswahl der AngularJS.

Ich bin mit AngularJS-bootstrap css für die Komponenten.

Die Termine, die ich deaktivieren möchten, ändern sich dynamisch, abhängig von der Auswahl vorherigen Wert in der combo.

Ich glaube date-disabled="disabled(date, mode)" sollte funktionieren, ist aber nicht sicher.

Wie kann ich dies tun ?

  • Hallo! hast du nichts darüber finden deaktivieren Besonderheiten Termine dynamisch (wie wenn Sie eine Liste von Aktivitäten, die Sie wählen Sie eine andere Aktivität dann deaktivieren Sie einen bestimmten Tag im Kalender führen diese Aktivität hat nichts, was diese Tage)? danke!!!
InformationsquelleAutor Mital Pritmani | 2014-04-03
  1. 16

    Ich nehme an, Sie sind mit der Datepicker Richtlinie von Angular-UI. Die date-disabled - Attribut können Sie deaktivieren bestimmte Termine (an Wochenenden zum Beispiel). Sehen Sie diese plunk http://plnkr.co/edit/gGAU0L?p=preview

    Wenn Sie wollen, um dynamisch zu deaktivieren, die Daten basierend auf der Auswahl, die Sie verwenden können, die min und max Attribute und watchers. Sehen http://plnkr.co/edit/W5pb1boMLOHZFnWkMU8o?p=preview

    Referenzen:

    http://angular-ui.github.io/bootstrap/#/datepicker

    • könnte ich deaktiviert, nur wenige Daten basierend auf der Auswahl?
    • nicht arbeiten, sir
    InformationsquelleAutor Farhan Khan
  2. 6

    Hinweis, wie es jetzt in der neueren version(ab 1.1.0) Weiterreise von AngularUI Bootstrap, Sie haben zu verwenden datepicker-options Attribut zu tun, das Datum deaktivieren sowie Dinge wie min - /max-Datum.

    in das html-Steuerelement, fügen Sie

    datepicker-options="vm.dateOptions"

    oder datepicker-options="dateOptions" wenn Sie nicht mit controller as aber $scope direkt.

    Dann im controller definieren die dateOptions Objekt. 

        vm.dateOptions = {
        maxDate: new Date(),
        dateDisabled: myDisabledDates
    };  

    function myDisabledDates(dateAndMode) {
        return ( dateAndMode.mode === 'day' && ( dateAndMode.date.getDay() === 0 || dateAndMode.date.getDay() === 6 ) );
    }

    !!!Hinweis!!! die Funktion Signatur der dateDisabled geändert. Bisher hat es akzeptiert, ein Datum-Objekt und einer string-Modus. In der neueren version, es ist ein gewrapptes Objekt mit beiden.

    InformationsquelleAutor LeOn - Han Li
Schreibe einen Kommentar