JQuery DatePicker

From Web Developer Network Wiki
Jump to: navigation, search

This jQuery plug-in allows a calendar pop-up to be displayed when the user clicks on a textbox in a form.

<input type="text" id="txtdate" /> 
<script type="text/javascript"> 
   //<![CDATA[ 
   WDN.jQuery(document).ready(function ($) { 
       WDN.loadCSS(WDN.getTemplateFilePath('scripts/plugins/ui/jquery-ui.css')); 
       WDN.loadCSS(WDN.getTemplateFilePath('scripts/plugins/ui/ui.datepicker.css')); 
       WDN.loadJS(WDN.getTemplateFilePath('scripts/plugins/ui/jQuery.ui.js'), function () { 
           $('#txtdate').datepicker(); 
       }); 
   }); 
   //]]> 
</script> 


Additional styling examples can be downloaded at http://jquery.com/

Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox