Angularjs timepicker dropdown

Question

I tried to create to dropdown for timepicker using uib-dropdown in angularjs but it does not work. Also, in my input text box, I want to display 09:00:00 instead of Wed Mar 01 2017 09:00:00 GMT-0800 (Pacific Standard Time). Any help please?

plunker here

Thanks

hi, if you look at the plunker, the dropdown does not work for some reason : embed.plnkr.co/BGI7MKxmRaFWfEykC75B — RLe
– RLe, Commented Mar 2, 2017 at 21:01

rakemen · Accepted Answer · 2017-03-02 23:21:57Z

1

Answer to the second part of your question. Use a filter for date formatting.

Add this line of code:

$scope.mytime = $filter('date')(new Date("2017-03-01 09:00:00"), 'mediumTime');

I also added a $watch for the timePicker's model. Find the plunk here.

edited Mar 2, 2017 at 23:21

answered Mar 2, 2017 at 19:39

rakemen

3484 silver badges14 bronze badges

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

2 Comments

RLe Over a year ago

it returns Invalid Date on the input

rakemen Over a year ago

I have assigned a random date to the $scope.timePicker in my plunk, now it no longer says Invalid Date on the input.

Collectives™ on Stack Overflow

Angularjs timepicker dropdown

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related