How to parse date in input type="date"?

Question

i have problem in angularjs when i use <input type="date" ng-model="trip.start"> i think data in trip.start is 2017-5-10 but data in trip.start is 2017-5-10T17:00:00.000Z

How to parse trip.start just yyyy-mm-dd without time.

please helpme if you have a idea to parse it.

It will get the data like that, you need to trim in controller after getting data — geminiousgoel
– geminiousgoel, Commented May 11, 2017 at 5:13
you have some example to trim in controller after getting data — Nugka
– Nugka, Commented May 11, 2017 at 5:44
I am not exactly having any list of tutorials, but you may use $scope.trip.start.getFullYear() to get year and simillarly .getMonth()and .getDate() to get month and date and in last concatenate futher for full date. OR you may use some filters available with angularjs to get desired results. — geminiousgoel
– geminiousgoel, Commented May 11, 2017 at 5:50

Jenny · Accepted Answer · 2017-05-11 06:10:20Z

1

I will suggest to use moment for date format. After getting data from server use:

 $scope.trip.start = moment($scope.trip.start).format("YYYY-MM-DD");

For this to work, include Moment.js library.

edited May 11, 2017 at 6:10

answered May 11, 2017 at 5:34

Jenny

6634 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

tanmay Over a year ago

$trip.start eh? ;-)

Nugka Over a year ago

i have error when i use your code, my input can't show

Jenny Over a year ago

can you check console for error and post that over here? And yes do you include moment in your page?

tanmay Over a year ago

@RizkaNugroho you gotta include and inject momentJS library dependency (angularMoment?).. Answer can be updated with that information

Nugka Over a year ago

yeah i don't have install angularmoment, and error in console is moment is not defined

|

Namdeo Karande · Accepted Answer · 2017-05-11 05:19:56Z

1

The ng-model data must be a Date Object.

Then your input box will show the date. If you want to show formatted date then you can do something like this-

$scope.formattedDate = $filter('date')($scope.trip.start, "your date format");

Add $filter as a dependency in your controller and bind $scope.formattedDate to your input box.

answered May 11, 2017 at 5:19

Namdeo Karande

4031 gold badge4 silver badges21 bronze badges

Comments

Nitin Dhomse · Accepted Answer · 2017-05-11 05:15:01Z

0

You can do,

var date = trip.start.split("T")[0]

you will get expected result.

answered May 11, 2017 at 5:15

Nitin Dhomse

2,6321 gold badge15 silver badges27 bronze badges

Comments

Abhishek · Accepted Answer · 2017-05-11 05:23:21Z

0

I don't know how to completely parse it, but try date filter when you are using the data. Something like this syntax:

{{ date_expression | date : format : timezone}}

in your case:

{{trip.start | date: 'yyyy-MM-dd'}}

For more reference read the documentation here

answered May 11, 2017 at 5:23

Abhishek

14 bronze badges

Comments

ESP32 · Accepted Answer · 2017-05-11 05:29:28Z

0

Your date value seems to be a JavaScript date. Angular already provides a filter for formatted date outputs:

{{trip.start | date:'yyyy-MM-dd'}}

Alternatively you could convert the date to string:

function formatDate(date) {
        var date = date || new Date();
        var today = new Date(date);
        var dd = today.getDate();
        var mm = today.getMonth() + 1; //January is 0!
        var yyyy = today.getFullYear();
        if (dd < 10) dd = '0' + dd;
        if (mm < 10) mm = '0' + mm;
        return (yyyy + '-' + mm + '-' + dd);
}

answered May 11, 2017 at 5:29

ESP32

8,7732 gold badges47 silver badges71 bronze badges

Collectives™ on Stack Overflow

How to parse date in input type="date"?

5 Answers 5

6 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

6 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related