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

Question

我有一个输入:

<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>

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

现在我想像这样显示多个信息:

当我选择日期时:

我不知道该怎么做。

Plnkr .

Answer 1

更新您的代码并替换:

 $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"