Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

Set Date Format in JavaScript dd/mm/yyyy hh:mm:ss Example

Jul 7, 2015
Introduction

Here I will explain how to use
JavaScript to set date format in dd/mm/yyyy hh:mm:ss with example or JavaScript change or set date format in dd/mm/yyyy hh:mm:ss with example. By using new Date() properties we can change date format to dd/mm/yyyy hh:mm:ss in JavaScript.


To change date format to dd/mm/yyyy hh:mm:ss in JavaScript we need to write the code like as shown below


<script type="text/javascript">
function getdates() {
var today = new Date()
document.getElementById('lblCurrentDate').innerHTML = today;
document.getElementById('lblPreviousDate').innerHTML = [today.getDate(), today.getMonth() + 1, today.getFullYear()].join('/');
document.getElementById('lbldateformat').innerHTML = [today.getDate(), today.getMonth() + 1, today.getFullYear()].join('/') + ' ' + [today.getHours(), today.getMinutes(), today.getSeconds()].join(':');
}
</script>

If you want to check it in complete example you need to write the code like as shown below


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Javascript set date format in dd mm yyyy hh mm ss</title>
<script type="text/javascript">
function getdates() {
var today = new Date()
document.getElementById('lblCurrentDate').innerHTML = today;
document.getElementById('lblPreviousDate').innerHTML = [today.getDate(), today.getMonth() + 1, today.getFullYear()].join('/');
document.getElementById('lbldateformat').innerHTML = [today.getDate(), today.getMonth() + 1, today.getFullYear()].join('/') + ' ' + [today.getHours(), today.getMinutes(), today.getSeconds()].join(':');
}
</script>
</head>
<body onload="getdates()">
<form id="form1">
<div>
<b>Current Date:</b>
<label id="lblCurrentDate" />
</div>
<div>
<b>Date with dd mm yyyy format:</b>
<label id="lblPreviousDate" />
</div>
<div>
<b>Date with dd mm yyyy hh:mm:ss Format:</b>
<label id="lbldateformat" />
</div>
</form>
</body>
</html>

Live Demo

For live demo check below dates format


Current Date:
Date with dd mm yyyy format:
Date with dd mm yyyy hh:mm:ss Format:


If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email

0 comments :

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.