How to display a Date object in a specific format using JavaScript?

Question

I have a Date object and I\'d like to display it in the below format:

var myDate = getDate();
// this format: \"13 Jan 2012 11:00am\";

How

Answer 1

I think this can helpful to you :

http://www.mattkruse.com/javascript/date/

There is a getDateFromFormat() function that you can tweak a little to solve your problem.

Answer 2

Have a look at the Date() object : https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date

There are lots of useful methods ....

Answer 3

You can display different date format using Date object in JavaScript.The different date format may be

1. Year only (YYYY)
2. Year and month (YYYY-MM)
3. Complete date (YYYY-MM-DD)
4. Complete day with day name (YYYY-MM-DD DayName)
5. Date with different time format

Use the following JavaScript code to display the date on the year only format.

function displayDate(){
var now = new Date();
var year=now.getFullYear();
date.innerHTML=year
}
window.onload=displayDate;

<div id="date"></div>

This post will be more helpful to know more about displaying other more date formats: https://www.siteforinfotech.com/2014/03/how-to-display-date-format-in-javascript.html

Answer 4

There is a great JavaScript library that handles this very well, and only 5.5kb minified.

http://momentjs.com/

It looks something like this:

moment().format('MMMM Do YYYY, h:mm:ss a'); // February 25th 2013, 9:54:04 am
moment().subtract('days', 6).calendar(); // "last Tuesday at 9:53 AM"

You can also pass in dates as a String with a format, or a Date object.

var date = new Date();
moment(date); // same as calling moment() with no args

// Passing in a string date
moment("12-25-1995", "MM-DD-YYYY");

Also has great support for languages other than English, like Russian, Japanese, Arabic, Spanish and others.

Check out the docs.

Answer 5

There are many date formatting packages available for javascript, I've had great success with Steven Levithan's dateformat.

dateFormat(getDate(), "dd mmm yyyy hh:MMtt");

Edit: It also adds a format method to Date.prototype, if you enjoy that style:

getDate().format("dd mmm yyyy hh:MMtt");

Answer 6

If you do not want to use any libraries:

<script type="text/javascript">

  var myDate = new Date();

  var month=new Array();
  month[0]="Jan";
  month[1]="Feb";
  month[2]="Mar";
  month[3]="Apr";
  month[4]="May";
  month[5]="Jun";
  month[6]="Jul";
  month[7]="Aug";
  month[8]="Sep";
  month[9]="Oct";
  month[10]="Nov";
  month[11]="Dec";
  var hours = myDate.getHours();
  var minutes = myDate.getMinutes();
  var ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12;
  minutes = minutes < 10 ? '0'+minutes : minutes;
  var strTime = hours + ':' + minutes + ampm;
  // e.g. "13 Nov 2016 11:00pm";
  alert(myDate.getDate()+" "+month[myDate.getMonth()]+" "+myDate.getFullYear()+" "+strTime);
</script>