Javascript to display the current date and time

Question

I have the following test Script to display the current date  amp  time  -  document getElementById  para1   innerHTML   formatAMPM     function formatAMPM         var date   new Date        var hours   date getHours        var days   date getDay         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   date         hours         minutes         ampm      return strTime      which will display the following  -  Fri Aug 30 2013 16 36 10 GMT 0100  GMT Standard Time  4 36 pm   but i need to modify this to display only -  Fri Aug 30 2013 4 36 pm   can anyone advice on how i can achieve this

User · Answer

x000D   x000D  var today   new Date    var day   today getDay    var daylist     Sunday    Monday    Tuesday    Wednesday     Thursday    Friday    Saturday    console log  Today is       daylist day          var hour   today getHours    var minute   today getMinutes    var second   today getSeconds    var prepand    hour  gt   12      PM       AM    hour    hour  gt   12    hour - 12   hour  if  hour     0  amp  amp  prepand       PM        if  minute     0  amp  amp  second     0        hour   12      prepand     Noon       else       hour   12      prepand     PM         if  hour     0  amp  amp  prepand       AM        if  minute     0  amp  amp  second     0        hour   12      prepand     Midnight       else       hour   12      prepand     AM         console log  Current Time       hour   prepand           minute           second   x000D   x000D   x000D

User · Answer

To return the client side date you can use the following javascript   var d   new Date    var month   d getMonth   1  var date   d getDate       month     d getFullYear    document getElementById  date   innerHTML   date    or in jQuery   var d   new Date    var month   d getMonth   1  var date   d getDate       month     d getFullYear        date   html date     equivalent to following PHP    lt  php date  j n Y      gt      To get equivalent to the following PHP  i e  leading 0 s     lt  php date  d m Y      gt    JavaScript   var d   new Date    var day   d getDate    var month   d getMonth   1   if day  lt  10       day    0  d getDate       if month  lt  10       month    0  eval d getMonth   1      var date   day     month     d getFullYear    document getElementById  date   innerHTML   date    jQuery   var d   new Date    var day   d getDate    var month   d getMonth   1   if day  lt  10       day    0  d getDate       if month  lt  10       month    0  eval d getMonth   1      var date   day     month     d getFullYear        date   html date

User · Answer

lt  --   Hide From Old Browsers    var d new Date    var y d getYear    if  y  lt  1000   y  1900  var day d getDay    var m d getMonth    var daym d getDate    if  daym lt 10   daym  0  daym   var mon new Array  January    February    March    April    May    June    July     August    September    October    November    December    document write   lt font size  2  color   660000  gt   mon m      daym      y   lt  font gt         End Hide -- gt      Result    November 08  2014

User · Answer

Try this   var d   new Date        minutes   d getMinutes   toString   length    1    0  d getMinutes     d getMinutes        hours   d getHours   toString   length    1    0  d getHours     d getHours        ampm   d getHours    gt   12    pm     am       months     Jan   Feb   Mar   Apr   May   Jun   Jul   Aug   Sep   Oct   Nov   Dec        days     Sun   Mon   Tue   Wed   Thu   Fri   Sat    return days d getDay        months d getMonth        d getDate       d getFullYear       hours     minutes ampm    DEMO

User · Answer

Demo using Console Log   x000D   x000D     get a new date  locale machine date time  x000D  var date   new Date    x000D     get the date as a string x000D  var n   date toDateString    x000D     get the time as a string x000D  var time   date toLocaleTimeString    x000D   x000D     log the date in the browser console x000D  console log  date    n   x000D     log the time in the browser console x000D  console log  time   time   x000D   x000D   x000D    Demo using a DIV   x000D   x000D     get a new date  locale machine date time  x000D  var date   new Date    x000D     get the date as a string x000D  var n   date toDateString    x000D     get the time as a string x000D  var time   date toLocaleTimeString    x000D   x000D     find the html element with the id of time x000D     set the innerHTML of that element to the date a space the time x000D  document getElementById  time   innerHTML   n         time  x000D   lt div id  time  gt  lt  div gt  x000D   x000D   x000D    Note  these functions aren t fully cross browser supported  Cross-Browser Functional   x000D   x000D    Fri Aug 30 2013 4 36 pm x000D  console log formatAMPM new Date      x000D   x000D    using your function  passing in date  x000D  function formatAMPM date    x000D         gets the hours x000D      var hours   date getHours    x000D         gets the day x000D      var days   date getDay    x000D         gets the month x000D      var minutes   date getMinutes    x000D         gets AM PM x000D      var ampm   hours  gt   12    pm     am   x000D         converts hours to 12 hour instead of 24 hour x000D      hours   hours   12  x000D         converts 0  midnight  to 12 x000D      hours   hours   hours   12     the hour  0  should be  12  x000D         converts minutes to have leading 0 x000D      minutes   minutes  lt  10    0   minutes   minutes  x000D     x000D         the time string x000D      var time   hours         minutes         ampm  x000D     x000D         gets the match for the date string we want x000D      var match   date toString   match   w 3   w 3   d 1 2   d 4     x000D     x000D        the result x000D      return match 0          time  x000D    x000D   x000D   x000D

User · Answer

var today   new Date         var dd   today getDate         var mm   today getMonth   1   January is 0       var yyyy   today getFullYear         var h   today getHours           var m   today getMinutes           var s   today getSeconds        if dd lt 10  dd  0  dd       if mm lt 10  mm  0  mm       if h lt 10  h  0  h      if m lt 10  m  0  m       if s lt 10  s  0  s        onload   function              scope currentTime  dd     mm     yyyy     h     m     s

User · Answer

You can try the below   function formatAMPM         var date   new Date        var currDate   date getDate        var hours   date getHours        var dayName   getDayName date getDay         var minutes   date getMinutes        var monthName   getMonthName date getMonth         var year   date getFullYear        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   dayName         monthName         currDate         year         hours         minutes         ampm      alert strTime      function getMonthName month        var ar   new Array  January    February    March    April    May    June    July    August    September    October    November    December        return ar month      function getDayName day        var ar1   new Array  Sun    Mon    Tue    Wed    Thu    Fri    Sat        return ar1 day       EDIT  Refer here for a working demo

User · Answer

lt script gt       var today   new Date        var dd   today getDate        var mm   today getMonth     1    January is 0      var yyyy   today getFullYear        var h   today getHours        var m   today getMinutes        var s   today getSeconds          if  dd  lt  10            dd    0    dd            if  mm  lt  10            mm    0    mm           if  h  lt  10    h    0    h       if  m  lt  10    m    0    m       if  s  lt  10    s    0    s        var ctoday   dd         mm         yyyy    t   h       m       s      var d   new Date       var weekday   new Array  Sunday    Monday    Tuesday    Wednesday    Thursday    Friday    Saturday       console log  Today is     weekday d getDay         document getElementById  time   innerHTML     lt span style  color blue  gt     weekday d getDay             ctoday     lt  span gt     lt  script gt   lt div gt   lt span gt  Today is    lt span id  time  gt   lt  span gt   lt  div gt

User · Answer

function con        var oDate   new Date        var nHrs   oDate getHours        var nMin   oDate getMinutes        var nDate   oDate getDate        var nMnth   oDate getMonth        var nYear   oDate getFullYear         con log nDate     -     nMnth     -     nYear       con log nHrs           nMin      console     This produces an output like   30 - 8 - 2013 21   30   Perhaps you may refer documentation on Date object at MDN for more information

User · Answer

new Date    toLocaleString     Will output the date and time using your local format  For example   5 1 2020  10 35 41 AM

User · Answer

Updated to use the more modern Luxon instead of MomentJS   Don t reinvent the wheel  Use a tried and tested library do this for you  Luxon for example  https   moment github io luxon index html From their site  https   moment github io luxon docs class src datetime js DateTime html instance-method-toLocaleString     gt   Thu  Apr 20  11 27 AM  DateTime local   toLocaleString   weekday   short   month   short   day   2-digit   hour   2-digit   minute   2-digit

User · Answer

Get the data you need and combine it in the String   getDate    Returns the date getMonth    Returns the month getFullYear    Returns the year getHours    getMinutes      Check out   Working With Dates

User · Answer

The request was to format a date in this format   Fri Aug 30 2013 4 36 pm  I strongly suggest that anyone who comes across this question should use JavaScript s Intl API to format your dates instead of trying to come up with your own preferred format  Here s an example  x000D   x000D  let d   new Date    let formatter   Intl DateTimeFormat       default      a locale name   default  chooses automatically               weekday   short            year   numeric           month   short           day   numeric           hour   numeric           minute   numeric            console log formatter format d    x000D   x000D   x000D   The output for me  in the en-US locale  is   Wed  Sep 30  2020  5 04 PM  The output for someone in Mexico  es-MX   is   mi     30 de septiembre de 2020 17 23  Why is Intl better   It s native code  with no string manipulation  no extra frameworks required  just a browser from any time after 2013  when this question was first posted   Nothing to download No frameworks to add Native code runs faster   Intl formats dates as appropriate for the user s locale  e g  a user in a different country who would prefer to read the year before the month would see the appropriately formatted date

[javascript] Javascript to display the current date and time

Examples related to javascript