AngularUI Datepicker dynamic data di disattivazione

Sto usando la AngularUI datepicker.

Ho due datepickers che, si influenzano a vicenda. Uno è, per esempio, una “data di inizio” e la “data di fine”. Invece di creare la convalida sia per datepickers, voglio eliminare la possibilità di avere le date non valide (cioè la fine del data anteriore alla data di inizio e viceversa).

C’è un modo per re-innescare la data e l’attributo disabled, selezionare una data? (re-innescare la data disabili di ALTRI datepicker)

Mio plunkr: ho una data di inizio e fine, come si può vedere quando si apre ogni data di selezione, è possibile scegliere una data di inizio, data superiore alla data di fine e viceversa. Tuttavia, in caso di data di inizio di 11/21, voglio la data di fine del datepicker di aggiornamento in modo che la 11/20 non è più cliccabile. C’è un modo per fare questo?

http://plnkr.co/edit/TgisJnSwQItDeCuIReLL?p=preview

InformationsquelleAutor changus | 2013-11-27

 

3 Replies
  1. 8

    È possibile eseguire questa operazione utilizzando min e max attributi in combinazione con la visione di raccoglitori di valori.
    Guarda http://plnkr.co/edit/W5pb1boMLOHZFnWkMU8o?p=preview

    • che ha funzionato perfettamente, grazie!
    • Ottimo lavoro, Grazie
    • Dal tuo plunker, vedo un difetto. Se io prima selezionare la Data di Fine(10/2/2014) e poi vai a selezionare la data di avvio e fare clic su oggi(10/0/2014). Mi permette di selezionare oggi(10/8/2014) come data di inizio che è maggiore della data di fine(10/2/2014)
  2. 4

    Davvero non c’è bisogno di tutto il javascript.
    qui è un fork della soluzione precedente.

    http://plnkr.co/edit/kXkzCeBTlxOpOyZKfTiN

    se si dispone di due ingressi come

             <input id="getTSStartDateInput" ng-model="StartDate" type="text" class="form-control ng-pristine ng-valid ng-valid-required" datepicker-popup="dd MMM yyyy" required="required" ng-required="true"/>  
               <input id="getTSEndDateInput" ng-model="EndDate" min="StartDate" type="text" class="form-control ng-pristine ng-valid ng-valid-required" datepicker-popup="dd MMM yyyy" required="required" ng-required="true"/>

    automaticamente, il lavoro e disattivare qualsiasi data di fine che è prima della data di inizio
    notare il ng-model=”EndDate” min=”StartDate”, che è tutto ciò di cui hai bisogno.

  3. 0

    Ho usato una soluzione semplice per aggiungere ng-cambiare sia la data iniziale e la data finale. Se la data di inizio delle modifiche quindi impostare il minDate di data di data di inizio e lo stesso vale per la data. Speranza che aiuta

Lascia un commento