Attaching datepicker is just easy.
1. You will need to include in the index.php the needed CSS and Java Script files
2. You will need yust to create the instance and attach it to the desired element.

index.php file:

<!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.custom.min.js" type="text/javascript"></script> </head> <body> <form action="#"> <label for="mydate">Date: </label> <input id="mydate" /> </form> <?php include "datepicker.php";?> </body> </html>


datepicker.php file:

<?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 to have button icon $dp->buttonIcon = true; // Set it to mydate element $dp->renderCalendar("#mydate"); ?>