Home > JQuery > Get the current date using jquery

Get the current date using jquery

In this first jQuery tutorial we will develop a simple program that retrieves the current time from server and displays on the user browser. In this example we will be calling a server side PHP script to get the current server time. You can easily replace PHP with JSP, or ASP program.

Steps to develop the Current Server Time program

Step 1: Create php file to that prints the current server data. Here is the code of PHP script (time.php).

$time_now=mktime(date(‘h’)+5,date(‘i’)+30,date(‘s’));

print $time_now=date(‘l M dS, Y, h:i:s A’,$time_now);

Step 2:Write HTML page to call the time.php. Create a new file (currentservertime.html) and add the following code into it:

Current Date and Time

<html xmlns=”http://www.w3.org/1999/xhtml&#8221; xml:lang=”en” lang=”en”>

<head>

<title>Current Date and Time</title>

<script type=”text/javascript” src=”jquery-1.2.6.js”></script>

<script type=”text/javascript”>

function  timeExam()

{

$.ajax({

url : “time.php”,

success : function (data) {

$(“#contentArea”).html(data);

}

});

setTimeout(“timeExam()”, 1000);

}

</script>

</head>

<body onload=”timeExam();”>

<table width=”100%”>

<tr><td¬† width=”100%” align=”center”>

<div id=”contentArea” style=”color:blue;font:bold 14px arial;padding-top:140px;”>

</div>

</td>

</tr>

</table>

</body>

</html>

or do the small trick using Javascript

<script type="text/javascript">
<!--

var m_names = new Array("January", "February", "March",
"April", "May", "June", "July", "August", "September",
"October", "November", "December");

var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();
document.write(curr_date + "-" + m_names[curr_month]
+ "-" + curr_year);

/* The last two lines above have
to placed on a single line */

//-->
</script>
About these ads
Categories: JQuery Tags: , ,
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: