Free JavaScript Calendar and Date Picker Widgets
Date Selection Controls - Pick a Date from a Calendar
Free JavaScript Calendars and Date Picker Controls
The free JavaScripts listed on this page allow you to embed either a calendar onto your web page, insert a pop-up calendar, or include a date picker control or date selector on your site. Date selection scripts automatically fills a text form field based on the visitor's selection of a date or range of dates from a calendar control. Most, if not all of the scripts, will pop-up a calendar in a layer on the existing web page (not a new browser window or browser tab) for such uses.
Related Pages
- How to Make/Create Your Own Website: The Beginner's A-Z Guide
- Free Online Web-Based WYSIWYG HTML Editor JavaScripts
- Free AJAX Libraries, Source Code, Frameworks, Tools and Resources
- Free Customized CSS Navigation Menu Bar Buttons (Wizard)
- How to Create Image Rollovers in JavaScript
- How to Make a Text Link Submit A Form Just Like a Submit Button
- How to Accept Credit Cards on Your Website
- How to Make Money From Your Website
- How to Increase Your Website Revenue from Affiliate Programs
- Budget Web Hosting
Free JavaScript Calendar and Date Selector Scripts
- Pikaday
Pikaday is a JavaScript date-picker can be bound to any input field on your web page. When a user clicks the field, a date picker will pop up. Any date that the user selects will be automatically inserted into the field.
- Datepicker
This datepicker JavaScript pops up a calendar from which the user can pick a date, which it will enter into an HTML input field.
- JavaScript Calendar Component
This customisable and extensible calendar JavaScript allows you to create any number of months per calendar, set the weekend days, the days off and holidays and the first day of the week, set the start and end date, allow multiple selection (or not), skin the calendar via CSS, include multiple calendars per page, etc. The calendar can be used to fill a text field, and pops up in a layer in the existing browser window. This component can only be used on sites where "you do not derive a commercial advantage or profits [sic] from your application".
- Rich Calendar - Cross Browser JavaScript Calendar Script
[Update (11 May 2017): the site is no longer available.] This calendar script supports IE, Firefox, Opera, Safari and other Mozilla-based web browsers. It is skinnable using fully-CSS skins, multilingual, allows multiple calendar instances on one page, supports user-defined behaviour where you can intercept calendar events, can be associated with an element (form field) where it will automatically read/write the date to, supports any week day to start the week with as well as any week days as "weekend days", etc.
- Date Picker Control
[Update: this script is no longer available.] The Date Picker Control allows you to add a date picker that opens up within your existing browser window (in a layer) when you click an icon beside a text form field. The control allows you to select a date using a familiar calendar user interface, and it automatically inserts the date into your text field. The date selector allows you to choose dates either via the mouse or the keyboard. You can customize the first day of the week, the date ranges, etc. The software is released under the GNU General Public License.
- Codetale's JavaScript Calendar Widget
[Update: this script is no longer available.] This calendar widget pops up (in a layer) a calendar that allows your visitors to select a date. The date chosen will be entered into a text field. You can customize the date format as well as its appearance, the latter using CSS.
- HiCalendar - Date Selection Calendar Script
[Update: this script is no longer available.] This JavaScript allows your visitors to choose a date from a calendar. No other information is present on the site (at the time I write this).
Related Pages
- How to Register Your Own Domain Name - get one for your site
- Free PHP Blogging Software (Scripts)
- Free PHP Photo and Image Gallery Scripts
- Free PHP Mailing List Scripts
- WordPress Vs Drupal Vs Expression Engine: Which Blog Software Should I Use?
- The Fine Print in Web Hosting: Resource Usage Limits
- Which Web Host Do You Recommend? (FAQ)
- Dreamweaver CS4 Tutorial: How to Create a Website with Dreamweaver CS4
Newest Pages
- How to Convert Your Website from XHTML 1.0 to HTML5 the Quick and Easy Way
- How to Set the Height of a DIV Relative to a Browser Window (CSS)
- Free EPUB Readers (Ebook Viewing Software)
- How to Generate the Free Let's Encrypt SSL Certificate on Your Own (Windows) Computer
- How to Insert Meta Tags into a Web Page with BlueGriffon
- How to Play a Song (or Some Other Audio Clip) from a List on a Website
- Two Ways to View a Binary File on Windows Without Installing Anything
- How to Draw a Horizontal Line on a Web Page with Expression Web
- How to Create a Website Free of Charge
- Why Can't I Make Up Any Domain I Want? Is There a Way to Do Away with a Registrar Altogether?
How to Link to This Page
It will appear on your page as:
Free JavaScript Calendar and Date Picker Scripts