To Convert Unix timestamp to DateTime using jQuery and JS, we use the JavaScript date object and other date functions to get the time and date with months.
Here are 4 steps to convert timestamp to DateTime using jQuery and JS,
- Convert timestamp to milliseconds.
- Place the milisecond value as argument in the date object.
- By using
toLocaleString()function, we convert it to the human readable date format.
In This Article
Live Example of Convert Unix timestamp to DateTime jQuery
In the below example, we create a paragraph with an ID attribute to print the date.
Then we assign a timestamp value to a variable, we convert the timestamp to milliseconds by multiplying with 1000.
Now we pass the values as an argument to the JS Date object which helps to convert.
At last, JavaScript converts Unix timestamp to yyyy-mm-dd by using toLocaleString() function.
|
1 |
<p id="datetime"></p> |
|
1 2 3 4 5 6 |
<script type="text/javascript"> var unixtimestamp = 1639327366; var dt = eval(unixtimestamp*1000); var myDate = new Date(dt); document.getElementById('datetime').innerHTML = myDate.toLocaleString(); </script> |
See the Pen Convert Unix timestamp to DateTime jQuery by Bikash Panda (@phpcodertech) on CodePen.
Convert Unix timestamp to DateTime with Month name Using JavaScript
|
1 2 3 4 |
<input type="text" value="1639327366" id="timestamp"> <input type="button" id="convert" value="Convert" onclick="unixToDatetime();"> <p id="datetime"></p> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
function unixToDatetime(){ // Unixtimestamp var unixtimestamp = document.getElementById('timestamp').value; // Months array var months_arr = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; // Convert timestamp to milliseconds var date = new Date(unixtimestamp*1000); // Year var year = date.getFullYear(); // Month var month = months_arr[date.getMonth()]; // Day var day = date.getDate(); // Hours var hours = date.getHours(); // Minutes var minutes = "0" + date.getMinutes(); // Seconds var seconds = "0" + date.getSeconds(); // Display date time in MM-dd-yyyy h:m:s format var convdateTime = month+'-'+day+'-'+year+' '+hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2); document.getElementById('datetime').innerHTML = convdateTime; } |
Live View
Also Read: Get PHP Date Time Difference in Days, Hours, Minutes, and Seconds
See the Pen Convert Unix timestamp to datetime with month name jQuery by Bikash Panda (@phpcodertech) on CodePen.
Code Highlights:
HTML: we create an input box where we put Unix timestamp value. Then we create an HTML button where we call our JavaScript function.
SCRIPT: In the JS script, we create a function named unixToDatetime().
Take the input box value by using the input box’s ID attribute and JS getElementById function.
We create an array with the month name to print the date with the month name. Now we convert the timestamp to milisecond.
By using the JS date object we get the year, month, and date-time. At last we concatenate and get the complete date time with the month name.
Please let me know if you are facing any issues.
Also Read: PHP Timestamp to Date Readable Format With Example
Happy Coding..!
