在我的输入中显示多个信息

时间:2014-12-17 10:56:51

标签: html css angularjs

我有一个输入:

<div class="search-field search-field-date search-field-calendar ui-datepicker-calendar columns small-3">
    <input type="text" data-ng-model="goDate"
           placeholder="Date d'aller" data-mtx-datepicker data-mtx-maxdate="returnDate" data-mtx-time="horairesAller" />
</div>

enter image description here

当我选择日期时,我有这个:

enter image description here

现在我想显示如下的多个信息:

enter image description here

当我选择日期时:

enter image description here

我不知道该怎么做。

Plnkr

1 个答案:

答案 0 :(得分:5)

更新您的代码并替换:

 $scope.today = function() {
    $scope.dt = new Date();
  };

With:
 $scope.dt = [];
  $scope.today = function() {
     $scope.dt[0] = 'DU:'
    $scope.dt[1] = new Date();
     $scope.dt[2] = 'JOURNEE'
  };

内部HTML:

ng-model="dt"