如何在AngularJS中将输入日期转换为实际日期？答案

【问题标题】：How to convert input date into real date in AngularJS?如何在AngularJS中将输入日期转换为实际日期？
【发布时间】：2017-09-26 08:05:03
【问题描述】：

当我输入日期并在给我 123476890017 时发出警报时，我有一个日期输入字段。有人可以帮我吗？

如果我输入这样的日期 12/07/2017 并在警报中，结果应该是 2017/07/12。

HTML 代码：

<input type="date" placeholder="search" ng-model="date">

脚本

 function formatDate(date) {
         alert(date);
 }

【问题讨论】：

试试var x = 123476890017;var y = new Date(x)
你为什么要复杂化？ .只需使用日期过滤器。请参阅我的更新答案。

标签： javascript jquery css angularjs wordpress

【解决方案1】：

你也可以试试这个：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
   $scope.date = 1506413232120;
   $scope.new_date = new Date($scope.date);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
	{{new_date | date : 'yyyy/MM/dd' }}
</div>

【讨论】：

谢谢 Raghav 先生，但我想使用 ParseDate 函数。你能帮助我吗？？？我不知道如何将输入日期字符串解析为真实日期。
这可以帮助你看看stackoverflow.com/questions/4496359/…
@KKSK "我想使用 ParseDate 函数"...那么你应该在你的问题中指定它！如果你不告诉我们那是什么，你就不会得到答案来做你想做的事。

【解决方案2】：

使用像Moment.js这样的库也很容易：

moment("12/07/2017", "DD/MM/YYYY").format("YYYY/MM/DD");
=> "2017/07/12"

【讨论】：

为什么要为此使用整个库？

【解决方案3】：

使用日期过滤器。 Click here for more details about date filter

$filter('date')(date, format, timezone)  

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

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $filter) {
  //$filter('date')(date, format, timezone) 
$scope.newDate =   $filter('date')($scope.date, "dd-MM-yyyy");

$scope.take = function(date){
$scope.newDate =   $filter('date')(date, "yyyy-MM-dd");
console.log($scope.newDate);
}
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">	
  <input type="date" ng-model="date" ng-change="take(date)">
</div>

【讨论】：