角度材料DatePicker ng-model包括时间

时间:2016-10-17 08:40:07

标签: angularjs angular-material

<md-input-container>
        <label>Enter date</label>
        <md-datepicker ng-model="newResearch.plannedStartDate"></md-datepicker>
</md-input-container>

计划开始日期的值为“1985-03-05T16:00:00.000Z” 我需要的价值仅为1985-03-05。

2 个答案:

答案 0 :(得分:1)

这是不可能的,因为ng-model需要日期。来自docs

enter image description here

&#34; 1985-03-05T16:00:00.000Z&#34;实际上是console.log()显示Date对象的方式(可能使用JSON.stringify())。

如果您选中CodePen,则会看到以下代码行:

console.log(typeof $scope.newResearch.plannedStartDate);
// This is a check for a Date object from Christoph's answer - http://stackoverflow.com/a/643827/782358
console.log(typeof $scope.newResearch.plannedStartDate.getMonth === 'function');
console.log(JSON.stringify($scope.newResearch.plannedStartDate));

产生以下输出:

enter image description here

答案 1 :(得分:0)

在你的控制器中请申请:

var newDate = $filter('date')(value, "yyyy-MM-dd");
$scope.newResearch.plannedStartDate = newDate;

通过使用过滤器,您可以实现您的需求。