/ / non sono in grado di ottenere la data selezionata da datepicker con schede in Angular js - javascript, angularjs, datepicker, angular-bootstrap

non è in grado di ottenere la data selezionata da DatePicker con schede in Angular js - javascript, angularjs, datepicker, angular-bootstrap

Sto usando datepicker negli elementi tabset dabootstrap angolare. Quando utilizzo il datepicker all'interno della scheda e selezionando la data non sono in grado di ottenere il valore corretto della data selezionata nel controller.

Se rimuovo la scheda, posso ottenere la data attualmente selezionata. Il codice è in plunker: http://plnkr.co/edit/dIJRDQUYdrKmChdIt9T2?p=preview

 <form name="form" class="form-horizontal" ng-controller="ctrl">
<tabset>
<tab justified="true">
<tab-heading>
Main
</tab-heading>
<div class="form-group">
<label class="col-xs-2 control-label" for="etaDate">ETA Date</label>
<div class="input-group col-xs-6 col-sm-4 col-md-2">
<input class="form-control" id="etaDate" name="etaDate" type="text" ng-model="eta" datepicker-popup="dd/MM/yyyy" is-open="opened.open" show-weeks="false" />
<span class="input-group-btn">
<button class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</div>
</div>
<button ng-click="getdate()">GET DATE</button>
</tab>
</tabset>
</form>

script.js

angular.module("myApp", ["ui.bootstrap"]);
var ctrl = function($scope) {
$scope.opened = {};

$scope.open = function($event) {
$event.preventDefault();
$event.stopPropagation();
$scope.opened.open = true;
};
$scope.eta = new Date();

$scope.getdate = function (){
alert($scope.eta)
};

};

risposte:

0 per risposta № 1

Puoi trovare la demo funzionante di seguito con due schede: http://embed.plnkr.co/RkLGqy5zZjfCqlCuuNPF/preview

La directory "Tabset" crea il proprio ambito isolatoall'interno dell'ambito principale con le proprie proprietà e non erediterà le proprietà dal genitore. Per superare questo problema, come ha affermato @charlietfl, dovremmo usare il punto (.) In ng-model.

Per una migliore comprensione, controllare il file https://github.com/angular-ui/bootstrap/issues/1553#issuecomment-31980027

o

Spiegato più brevemente: https://stackoverflow.com/a/14049482/1252454