Javascript format date time

Question

I need to change a date time from 2014-08-20 15 30 00 to look like 08 20 2014 3 30 pm  Can this be done using javascript s Date object

User · Accepted Answer

Yes  you can use the native javascript Date   object and its methods   For instance you can create a  function like   function formatDate date      var hours   date getHours      var minutes   date getMinutes      var ampm   hours  gt   12    pm     am     hours   hours   12    hours   hours   hours   12     the hour  0  should be  12    minutes   minutes  lt  10    0  minutes   minutes    var strTime   hours         minutes         ampm    return  date getMonth   1          date getDate           date getFullYear            strTime     var d   new Date    var e   formatDate d    alert e     And display also the am   pm and the correct time    Remember to use getFullYear   method and not getYear   because it has been deprecated   DEMO http   jsfiddle net a incarnati kqo10jLb 4

User · Answer

You can do that   function formatAMPM date       This is to display 12 hour format like you asked   var hours   date getHours      var minutes   date getMinutes      var ampm   hours  gt   12    pm     am     hours   hours   12    hours   hours   hours   12     the hour  0  should be  12    minutes   minutes  lt  10    0  minutes   minutes    var strTime   hours         minutes         ampm    return strTime     var myDate   new Date    var displayDate   myDate getMonth         myDate getDate         myDate getFullYear         formatAMPM myDate   console log displayDate     Fiddle

User · Answer

For the date part  month is 0-indexed while days are 1-indexed   var date   new Date  2014-8-20    console log  date getMonth   1          date getDate            date getFullYear       for the time you ll want to create a function to test different situations and convert

User · Answer

Please do not reinvent the wheel  There are many open-source  amp  COTS solutions that already exist to solve this problem  Please take a look at the following JavaScript libraries   Moment js   Source     Minified   Datejs   Source     Alpha1 zip  1 6MB      Demo I wrote a one-liner using Moment js below  You can check out the demo here  JSFiddle  moment  2014-08-20 15 30 00   format  MM DD YYYY h mm a       08 20 2014 3 30 pm

User · Answer

I don t think that can be done RELIABLY with built in methods on the native Date object  The toLocaleString method gets close  but if I am remembering correctly  it won t work correctly in IE  lt  10  If you are able to use a library for this task  MomentJS is a really amazing library  and it makes working with dates and times easy  Otherwise  I think you will have to write a basic function to give you the format that you are after   function formatDate date        var year   date getFullYear            month   date getMonth     1     months are zero indexed         day   date getDate            hour   date getHours            minute   date getMinutes            second   date getSeconds            hourFormatted   hour   12    12     hour returned in 24 hour format         minuteFormatted   minute  lt  10    0    minute   minute          morning   hour  lt  12    am     pm        return month         day         year         hourFormatted                     minuteFormatted   morning

[javascript] Javascript format date / time

Examples related to javascript

Examples related to date

Examples related to datetime