Using the Unobtrusive Date Picker Widget in CakePHP (Articles) | The default CakePHP date selection boxes are rather a pain in the rear. Wouldn't it be nice if you could use a Date-Picker in your app's? Well you can, and it's rather easy to implement. First things first Download and extract the Unobtrusive Date-Picker Widget here: Copy the 'css/datepicker.css' file to 'app/webroot/css' Copy the 'js/datepicker.js' file to 'app/webroot/js' Copy the contents of the media folder to 'app/webroot/img/datepicker' Open the datepicker.css file in your 'app/webroot/css' folder.
Edit the default view Note: If you do not have a default.thtml file then you will need to create one, for simplicity you can just copy Cake's default one from 'cake/libs/view/templates/layouts' to 'app/views/layouts' and edit the latter. Put the following before the closing head tag <? Create 'app/app_controller.php' and enter the following: <? Create afterFind and beforeSave methods <? Edit your view Example view: 10 Best jQuery Datepickers Plugins | AjaxLine. jQuery UI Library DatePicker DatePicker control from jQuery UI library. It has many useful features and localization on various languages. jMonthCalendar jMonthCalendar is a full month calendar that supports events.
jQuery date picker plug-in This is an clean, unobtrusive plugin for jQuery which allows you to easily add date inputing functionality to your web forms and pages. jQuery Calendar Widget Plugin A simple jQuery Calendar Widget Plugin with a month view. jCal - slick jquery datapicker plugin Beautiful animated calendar datepicker for multi-day selection with multi-month display. Dyndatetime This datepicker supports date and time, and renders the value to a single field in a configurable format. Date Picker - jQuery plugin Date Picker component with a lot of options and easy to fit in your web application. Date Range Picker One more date range picker based on jquery library from Filament Group Inc. simple jQuery date-picker plugin Date Input. 24 ways. DHTML Site - 10 Free CSS and Javascript Calendars.
Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. Here are a list of various css and javascript calendars for use on your site. Don't like the look? Customise them yourself with abit of CSS! You just have to have the right host to support tweaking of the calendars. Monket Calendar An Ajax enabled online calendar. Quick Calendar Using AJAX and PHP Online calendars are often used in many web applications. Integrating Google Calendar into your Site One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it's a private or public one.
JS Calendar This is a cross browser Javascript calendar. The DHTML / JavaScript Calendar A popup or flat DHTML calendar, suitable for selecting date and time. CSS: Unordered List Calender This is a list boxes calendar. CSS Styled Calendar.