显示多个信息到我的输入 [英] display multiple information into my input

查看:141
本文介绍了显示多个信息到我的输入的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个输入:

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



当我选择日期时,我有:



现在我要显示多个信息,例如:





当我选择日期:

描述这里>



我不知道我可以怎么办?
Thx。



plnkr

解决方案

更新您的代码并替换:

  $ 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


I have an input:

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

When i select date i have this:

Now i want to display multiple information like this:

When i select date:

I don't know how i can to this ..? Thx.

plnkr

解决方案

Update your code and replace:

 $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'
  };

Inside HTML:

ng-model="dt"

这篇关于显示多个信息到我的输入的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆