Dateformat AngularJS in select dropdown

Question

I receive some json data from a web API. This json data consists of a series of datetimes.

I want to be able to select a particular datetime from a dropdown list. There is no problem populating the list, but the formatting is incorrect, and I don't know how to make it right.

The selected datetime is going to be used afterwards.

I'm using Angular and don't mind using some other 3rdparty tool like moment.js

Currently it looks like this:

enter image description here

EDIT: I'm populating the dropdown in the following way:

<select class="inputIndkald" id="tidspunktDropdown" ng-model="indkald.tidspunkt" ng-options="tidspunkt.dateTime for tidspunkt in indkaldTidspunkt"><option value="">Vælg...</option></select>

I hope you guys can help me out.

That's an ambiguous format. ISO 8601 says dates without a zone are local, ECMA-262 ed 5 says they're UTC (but the draft ed 6 says local). What are you treating them as? — RobG
– RobG, Commented Nov 13, 2014 at 14:55

smartbart24 · Accepted Answer · 2014-11-13 15:24:56Z

5

[..old answer not relevant ...]

UPDATE:

I have never done this myself but have you tried something like:

<select 
    class="inputIndkald" 
    id="tidspunktDropdown" 
    ng-model="indkald.tidspunkt" 
    ng-options="tidspunkt.dateTime as tidspunkt|date:'HH:mm:ss dd.MM.yyyy' for tidspunkt in indkaldTidspunkt ">

    <option value="">Vælg...</option>
</select>

edited Nov 13, 2014 at 15:24

answered Nov 13, 2014 at 15:01

smartbart24

5244 silver badges4 bronze badges

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

4 Comments

Jesper Plantener Over a year ago

Updated the answer with a code snippet, and tried your example, but nothing happens when adding that filter.

Jesper Plantener Over a year ago

No I did not try that, but it looks like a promising way to do it. In the meantime I implemented a converter using Moment. Now I take the repsonse, parse it using Moment to another array with the new formatting, but also saving the old value. This way I can use my displayvalue and still keep the old value that I have to use a little while later. Thank you though!

Jesper Plantener Over a year ago

Just tried the above example, but it did not work unfortunately. The dropdown list just gets filled with [object Object] for each row.

Jesper Plantener Over a year ago

Update: The following works great: ng-options="tidspunkt.dateTime | date: 'HH:mm' for tidspunkt in indkaldTidspunkt ">

Collectives™ on Stack Overflow

Dateformat AngularJS in select dropdown

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related