angularjs - 不是预期的日期格式 - ng 和日期输入类型之间的区别

Question

我在 HTML5 页面中有一个带有一些日期类型输入的表单，我想使用 Angular 获取值。它采用非预期格式，如 screenshot 所示。 .输入类型是日期而不是日期时间。

我测试过发送此表格，我收到了正确的预期日期，所以问题是如何在 angulare 中获得正确的日期？

感谢您的帮助!

代码如下:

<fieldset>

               <div class="form-group">
                    <label for="start_date" class="col-sm-2 control-label">Date de début</label>
                    <div class="col-sm-10">
                       <input type="date" name="start_date" ng-model="start_date" class="form-control" required="required">
                    </div>
              </div> 

              <div class="form-group">
                    <label for="end_date" class="col-sm-2 control-label">Date de fin</label>
                    <div class="col-sm-10">
                       <input type="date" name="end_date" ng-model="end_date" class="form-control" required="required">
                    </div>
              </div>

              <div class="form-group">
                 <label for="input" class="col-sm-2 control-label">Type de contact:</label>
                 <div class="col-sm-2">
                    <select ng-model="type" id="input" class="form-control" required="required">
                       <option value="all">Tous</option>
                       <option value="fiche">Demande de renseignements ( DR )</option>
                       <option value="telephone">Demande de rappel</option>
                       <option value="contact">Général</option>
                    </select>
                 </div>
              </div>

              <div class="form-group">
                 <div class="col-sm-10 col-offset-2">
                    <button type="submit"  ng-click="getcontacts(start_date, end_date, type);" class="btn btn-primary">Lancer la recherche</button>
                 </div>
              </div>


              {{ start_date}} {{end_date}} {{ type }}

Answer 1

您的输入是“日期”类型，因此您的模型是日期类型。如果你想获得日期的字符串表示，你可以使用 $filter 服务。像这样:

https://jsfiddle.net/relferreira/y7y5n62c/2/

angular.module('app', []);

angular.module('app')
    .controller('MainController', mainController);

mainController.$inject = ['$filter'];

function mainController($filter){

    var vm = this;

    vm.date = new Date();
    vm.formatedDate = '';
    vm.selectDate = selectDate;

  function selectDate(){
    vm.formatedDate = $filter('date')(vm.date);
  }

}

HTML:

<div data-ng-app="app">

  <div data-ng-controller="MainController as mainVm">
    <input type="date" data-ng-model="mainVm.date" />
    <button data-ng-click="mainVm.selectDate()">Select</button>
    {{mainVm.formatedDate}}
  </div>

</div>