格式化javascript对象以不显示其他语言环境信息

Question

I am trying to bind data from the database to an html page. I am using ms ajax templates to do this . The problem comes when i try to bind and format a date object.The following is a snippet of my code

 <p class="font1 pad_bot1">
     <a href="" sys:datadesc="{{StartDate}}" sys:dataid="{{ID}}">
         {{new Date(StartDate).toString("fullDate")}}
     </a>

The result of this code on my front end is as follows:

Thu Aug 01 2013 00:00:00 GMT+0200 (South Africa Standard Time)

I want to display the ' Thu Aug 01 2013 ' part only not the other part. I need a solution of how i can format the date without writing a function to do so. I am assuming javascript can do that out of the box.

Answer 1

I know nothing about ms ajax templates. But assuming that the Date format behaves the same as in standard javascript, you can format your date manually. You can find more instructions here .

If you have a lot of date formatting to do, you may want to check Moment.js

Answer 2

I found the solution by simply doing this

{{new Date(StartDate).format('dddd, MMM , yyyy')}}

I used the format() function instead of toString(). Thank you for your contributions

Answer 3

The best option for all international users is to use toLocaleDateString .

var date = new Date("Thu Aug 01 2013 00:00:00 GMT+0200");
var dateString = date.toLocaleDateString(); 
// dateString will be "7/31/2013" in the US, but customized based on client's location

Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString