How to convert input date into real date in AngularJS?

Question

I have a date input field when I enter the date and do the alert in this given me 123476890017 something like this. anybody can help me on this?

If I enter the date like this 12/07/2017 and in the alert, the result should come 2017/07/12.

HTML code:

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

script

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

why you are taking complicate? . just use date filter. See my updated answer. — Manikandan Velayutham, Sep 26 '17 at 09:47

Matthew Cawley · Answer 1 · 2017-09-26T08:20:41.170

0

It's also very easy using a library like Moment.js:

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

edited Sep 26 '17 at 08:20

answered Sep 26 '17 at 08:14

Matthew Cawley

2,688
1
8
19

1

Why using a whole library just for that? – user5014677 Sep 26 '17 at 08:26

score 0 · Answer 2 · answered Sep 26 '17 at 08:14

0

You can try this as well:

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>

answered Sep 26 '17 at 08:14

Raghav

1,139
4
15
35

thank you Mr. Raghav, but i want to use ParseDate function. can you help me??? i dont know how to parse a input date string to real date. – KK SK Sep 26 '17 at 09:06
This may help you take a look https://stackoverflow.com/questions/4496359/how-to-parse-date-string-to-date – Raghav Sep 26 '17 at 09:44
@KKSK "*i want to use ParseDate function*"... well then you should specify that in your question! You're not going to get answers to do what you want, if you don't tell us what that is. – FluffyKitten Sep 26 '17 at 19:53

Manikandan Velayutham · Answer 3 · 2017-09-26T09:45:18.293

Use date filter. 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>

How to convert input date into real date in AngularJS?

3 Answers3