How to convert date to words in HTML

Question

I have a date displayed in HTML. The date is currently displayed as 2012-03-12. So now, I want to display this date as words i.e it should be displayed as 12 March 2012. Below is the HTML code I used.

<tr>
  <th>Date of Birth: </th>
  <td>{{dob}}</td>
</tr>

Here, dob contains the value that has to be converted to words. How can I do this?

you would need to use a little bit of javascript here. see this question - http://stackoverflow.com/questions/1056728/where-can-i-find-documentation-on-formatting-a-date-in-javascript — Arvind Sridharan, Dec 07 '13 at 06:24

score 3 · Answer 1 · answered Dec 07 '13 at 06:24

3

Absolutely with the wonderful MomentJS.

dob = moment(dob).format('DD MMMM YYYY');

answered Dec 07 '13 at 06:24

CWSpear

3,170
1
26
34

score 2 · Answer 2 · edited Dec 10 '16 at 07:23

2

If you don't want to use any library and want to take a date like your initial one and change it, it can be done like this:

var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

function convertDate(date_str) {
  temp_date = date_str.split("-");
  return temp_date[2] + " " + months[Number(temp_date[1]) - 1] + " " + temp_date[0];
}
console.log(convertDate("2012-03-12"));

edited Dec 10 '16 at 07:23

mplungjan

155,085
27
166
222

answered Dec 07 '13 at 06:29

Rhyono

2,370
24
39

I'm new to Javascript . Can you tell me how to call the above function inside my tags – user3004356 Dec 07 '13 at 07:58

score 2 · Answer 3 · answered Dec 07 '13 at 06:40

If your date is an instance of Datethen you can try something like this

var dob = new Date('3/12/2012');
var dobArr = dob.toDateString().split(' ');
var dobFormat = dobArr[2] + ' ' + dobArr[1] + ' ' + dobArr[3];

This would make dobFormat 12 Mar 2012 (if you want it to say March couple this with what Rhyono has suggested).

score 1 · Answer 4 · answered Dec 07 '13 at 06:24

1

Use moment.js, and it will be a snap.

moment(dob).format('DD MMMM YYYY')

answered Dec 07 '13 at 06:24

Vidya

29,172
6
39
65

1

so much dependency on libs :| – Pal Singh Dec 07 '13 at 06:33
Neither @CWSpear or I meant that you print this out literally. Rather, you pass the string in `dob` to `moment` as shown and store the output in a template variable to display in the `td` cell. – Vidya Dec 07 '13 at 15:00

score 0 · Answer 5 · answered Dec 07 '13 at 06:29

0

You can use Date.js library which extents Date object.

answered Dec 07 '13 at 06:29

Prateek

6,629
2
23
37

How to convert date to words in HTML

5 Answers5

Linked