Download and unzip the contents of the archive to any convenient location. The package contains the following folders:

- [php] - Contains the jqDatepicker PHP class .
- [themes] - Contains the themes shipped with the product. Since jqDatepicker supports jQuery UI Themeroller, any theme compatible with jQuery UI ThemeRoller will work for jqDatepicker as well. Therefore, the package contains just one theme ("Redmond"). You can download any additional themes directly from jQuery UI's ThemeRoller site available here:

http://jqueryui.com/themeroller/

Just add "Redmond" theme in your PHP/HTML file.

<link rel="stylesheet" type="text/css" href="themes/redmond/jquery-ui.custom.css" />

- [js] - The javascript files of jqDatepicker (and the needed libraries). You need to include them in your PHP page.

The first file is "jquery.js" - this is the official jQuery library.
The second file is "jquery-ui.custom.min.js" - this is the jQuery UI library.

The final result you will have in an PHP page containing jqDatepicker would be something similar to that:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>My First PHP jqAutocomplete </title> <link rel="stylesheet" type="text/css" media="screen" href="themes/redmond/jquery-ui.custom.css" /> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script> </head> <body> ...... <div class="ui-widget"> <label for="mydate">Date: </label> <input id="mydate" /> </div> <?php include "datepicker.php";?> ....... </body> </html>

Save the file as datepicker.php or any desired name in the root directory.

<?php // include the jqUtils Class. The class is needed in all jqSuite components. require_once "php/jqUtils.php"; // include the datepicker Class require_once "php/jqCalendar.php"; $dp = new jqCalendar(); // Set it to mydate element $dp->renderCalendar("#mydate"); ?>

Run the file index.php from your web browser.