A jQuery plugin that attaches a popup calendar to your input fields or shows an inline calendar for selecting individual dates or date ranges.
For support of other world calendars, and a datepicker that works with them, see the jQuery Calendars plugin. For date entry via a spinner use the jQuery Date Entry plugin. Complement this plugin with the jQuery Time Entry plugin, or combine date and time entry with the jQuery Date/Time Entry plugin.
The current version is 4.0.6 and is available under the GPL or MIT licences. For more detail see the documentation reference page. Or see a minimal page that you could use as a basis for your own investigations.
WARNING - for compatibility issues when upgrading from a 3.x version see the Compatibility tab.
This plugin formed the basis for the jQuery UI Datepicker. It is made available as a separate plugin because the jQuery UI version desired simplified functionality. It was originally developed by Marc Grabanski.
UsageFor more detail see the documentation reference page. Or see a minimal page that you could use as a basis for your own investigations.
- Include the jQuery library in the head section of your page.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>- Download and include the base jQuery Datepicker CSS and JavaScript in the head section of your page.
<style type="text/css">@import "css/jquery.datepick.css";</style>
<script type="text/javascript" src="js/jquery.datepick.js"></script>Alternately, you can use the packed versions jquery.datepick.pack.js (27.1K vs 83.6K), or the minified versions jquery.datepick.min.js (38.3K, 11.3K when zipped).- Connect the datepicker functionality to your input field or division/span.
$(selector).datepick();You can include custom settings as part of this process.
$(selector).datepick({dateFormat: 'yyyy-mm-dd'});
More information, take a look this page! Example & Download!



LinkBack URL
About LinkBacks



Reply With Quote

