Formatting a Datetime in Angular/Ionic

Question

I was wondering how I can format the text and make some part of the datetime string bold?

For example I want to make my current date time format, which looks like: 02/19/2018 16:00 CST to 02/19/2018 16:00 CST.

This is the code that is generating the current date time format.

<td{{ visit['end_dte'] | date:'MM/dd/yyyy HH:mm Z'}}</td>

I tried doing <td{{ visit['end_dte'] | date:'MM/dd/yyyy <b>HH:mm Z</b>'}}</td> but it made it so that the pipe was represented as text instead of bolding the time.

<td> make sure this isnt a simple mistake, you forgot one of the angle braceys — Isaac
– Isaac, Commented Feb 19, 2018 at 23:03
Thanks @Isaac but I accidentally deleted it when I was copy pasting code. — terrabl
– terrabl, Commented Feb 19, 2018 at 23:06

Isaac · Accepted Answer · 2018-02-19 23:05:10Z

5

Separate it into 2 different filter calls

<td>
  {{ visit['end_dte'] | date:'MM/dd/yyyy'}} <b>{{ visit['end_dte'] | date:'HH:mm Z'}}</b>
</td>

answered Feb 19, 2018 at 23:05

Isaac

11.8k5 gold badges35 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

Formatting a Datetime in Angular/Ionic

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related