2017-09-26 73 views
0

我动态添加MD-日期选择器的出生日期下面的代码,以形成由:动态NG-型号为MD-日期选择

$scope.infData = []; 
      $scope.addInf = function() { 
      if ($scope.infData.length < 4) { 
      $scope.infData.push({}); 
      } 
     }; 

和我的HTML是象下面这样:

<div class="col-xs-7 col-md-3" 
ng-repeat="d in infData | limitTo: 4" 
ng-value="d.value" 
ng-class="{'md-align-top-left': $index==1}"> 
<md-input-container flex> 
<label>infant D.O.B</label> 
<md-datepicker 
onkeydown="return false" 
name="myDate{{$index}}" 
ng-model="inf[$index==1].date" 
md-hide-icons="all" 
ng-required="true" 
md-current-view="year" 
md-min-date="ctrl.minDate" 
md-max-date="ctrl.maxDate" 
md-open-on-focus="true" 
ng-messages> 
</md-datepicker> 

并且它们被限制为4。我的目标是获取日期的vlaue下面,我没有成功地正常日期选择:

if ($scope.inf.dateString = moment($scope.inf.date).format("YYYY-MM-DD")) { 
    $scope.list.push(this.inf.dateString); 
现在

我的问题是: 1)我怎么能ASING值这个日期选择器就在$指数= 1(不显示值,如果这个日期选择器不推动)? 2)价值始终如今天(任何选择日期)的最大日期? 3)我确定我的ng-model=inf[$index==1].date是错的,但我怎么能使它动态? 4)如何提交后重置价值$scope.inf = ""; & $scope.inf = {};不工作和价值呆在那里

任何想法和帮助将拯救我的一天。 PS: 我读书最多的stackover问题的约angularjs ng-model inside nested ng-repeat但其中不适合我

回答

0

不能真正已了解该问题的工作,但也许你想这样的:

$scope.addInf = function(index) { 
    if ($scope.infData.length < 4) { 
     $scope.infData.push({ 
     date: (index == 1 ? 'Some value you want' : '') 
     }); 
    } 
}; 

更改日期选择器HTML

ng-model="d.date" 

而且你的添加按钮HTML

<button ng-if="$last" ng-click="addInf($index)">myBtn</button> 

假设按钮位于重复格内