我有一个表单,在HTML5页面中有一些日期类型的输入,我想得到角度值。它采用screenshot上显示的非预期格式。输入类型是date而不是datetime。
我测试了发送这个表格,我收到了正确的预期日期,所以问题是如何得到正确的日期安圭拉?
谢谢你的帮助!
代码如下:
<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 }}
最佳答案
您的输入是“日期”类型,因此您的模型是“日期”类型。如果要获取日期的字符串表示形式,可以使用$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>
关于angularjs - 预期的日期格式-ng和日期输入类型之间的差异,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35795093/