jquery tmpl formatting a date?

Question

I am using jquery tmpl to show a bunch of results in a table. One of them is a date which I am outputting using this in my template:

<td class="textAlignRight">${EffectiveDate}</td>

but it comes out formatted like "/Date(1245398693390)/". How can I change it so that it comes out formatted like m/dd/yyyy h:mm tt?

score 19 · Accepted Answer · answered Jun 22 '11 at 17:03

19

Simply use a function to format your date:

Template:

<td class="textAlignRight">${GetDate(EffectiveDate)}</td>

Function:

function GetDate(jsonDate) {
  var value = new Date(parseInt(jsonDate.substr(6)));
  return value.getMonth() + 1 + "/" + value.getDate() + "/" + value.getFullYear();
}

answered Jun 22 '11 at 17:03

Mark Coleman

39,942
9
80
101

where exactly need to paste the GetDate() function? in `ready`? – Neo Feb 02 '14 at 07:23

score 2 · Answer 2 · answered Jun 22 '11 at 17:05

2

<td class="textAlignRight">{{= format(new Date(parseInt(EffectiveDate.substr(6))), 'd') }}</td>

answered Jun 22 '11 at 17:05

Phil

4,004
4
22
39

score 2 · Answer 3 · answered Oct 19 '11 at 10:08

I would recommend to use something like this:

<script type='text/javascript'>
    Date.prototype.CustomFormat = function () {
        return this.getMonth() + 1 + "/" + this.getDate() + "/" + this.getFullYear();
    };
</script>

...

<td class="textAlignRight">${EffectiveDate.CustomFormat()}</td>

jquery tmpl formatting a date?

3 Answers3

Linked