Angulaire UI Bootstrap DatePicker - être sélectionné, date de fermeture / flou

J'ai une ng-repeat avec chaque rangée de multiples UI-Bootstrap Datepickers. Je suis en train d'appeler une fonction dans mon contrôleur lorsque la date est sélectionné et que le sélecteur de ferme. J'ai essayé d'utiliser l'INTERFACE utilisateur-Événement pour capturer le flou de l'événement, mais le modèle n'a pas été mis à jour lors de ce qui est appelé. Ma question est comment puis-je obtenir la date sélectionnée lorsque le sélecteur de ferme? Puis-je faire quelque chose comme ui-event="{ blur : 'myBlurFunction( $event, this.text)' }, ou est-il une autre méthode pour obtenir des données avec un événement onClose?

<li ng-repeat="....">
   <div ng-click="openEditStartCal($event, ticket)">
                <input ui-event="{ blur : 'blurredStartDate( $event, ticket, this.text)' }" 
                       type="text" 
                       starting-day="2" 
                       show-button-bar="false" 
                       show-weeks="false" 
                       class="form-control addTicketDateInput" 
                       datepicker-popup="dd MMM" 
                       ng-model="ticket.StartDate" 
                       is-open="startEditTicketOpened && currentTicketUpdating == ticket.TicketId" 
                       min-date="{{today()}}" 
                       max-date="'2015-06-22'" 
                       datepicker-options="dateOptions" 
                       date-disabled="disabled(date, mode)"  
                       ng-required="true" close-text="Close" />
   </div>

OriginalL'auteur Holland Risley | 2014-06-22

  1. 31

    J'ai résolu ce problème en utilisant: ng-change="myChangeFunction()".

    C'est super Réponse !!! un gain de temps, en effet.
    Cela atteint les résultats escomptés pour nous. Je vous remercie pour cette. 🙂

    OriginalL'auteur Holland Risley

  2. 5

    Ceci est possible en utilisant ng-change :

    html/jsp fichier

     <input type="text" 
    id="StartDate" 
    name="StartDate"  
    class="form-control input-sm" 
    uib-datepicker-popup="{{format}}" 
    ng-model="StartDateVal" 
    is-open="status.opened" 
    min-date="min" 
    max-date="max"
    datepicker-options="dateOptions" 
    date-disabled="disabled(date, mode)" 
    ng-required="true"
    close-text="Close" 
    readonly="true" 
    ng-change="select(StartDateVal)" />

    .js Contrôleur

    $scope.select = function(date) { 
      //here you will get updated date
};

    OriginalL'auteur Riddhi Gohil

  3. 3

    Vous pouvez mettre un $regarder dans votre contrôleur pour votre date variable.

    $scope.$watch('ticket.StartDate',function(){
  var date = $scope.ticket.StartDate;
});

    OriginalL'auteur alexoviedo999