 |
NlsCalendar Professional Demo
Advanced Javascript Calendar Control
|
|
|
- Basic Calendar Control
Floating calendar with default configuration. Calendar control pop up and returns
selected value to a textbox.
- Multiple Date Fields
Calendar reads from multiple date fields (ie. year, month, date and time fields
are separated), and set the selected date back to the fields.
- Multiple Selection Fields
Calendar reads from multiple selection fields (ie. year, month, date and time
selection fields are separated), and set the selected date back to the fields.
- Stay Top, Double Click to Select
Floating calendar remain open when selecting date. Selected date will be updated to associate input fields.
Double click on date or Select button to close the calendar.
- Year Range
Limit year selection within certain period/range.
- First Day of the Week
Set any day as first day of the week.
|
- Disable Dates
Disables selection on certain dates so user cannot select it.
- Special Days
Sets special day for example New Year, Christmas, etc. Mouse over special day shows the description of the day.
Special day has special style.
- Custom Events
Sets custom special event in the calendar. Special event is similar to special
day accept special event could have more custom information. For example
appointment, notes or anniversary. Custom event is not displayed automatically,
user defined function is needed to display the event.
- Multiple Selection
Allows multiple date selection and returns multiple date values from calendar.
- Multiple Instances
Multiple instances of calendar control in a page. Each calendar has its own properties
and configurations.
|
Database and AJAX Examples
|
- Custom Event from Database 1 | [ASP Example included]
Custom events in selected month are preloaded from database and cached in calendar control.
When user click on date, the event will be displayed, no server trip required.
- Custom Event from Database 2 | [ASP Example included]
Marks dates in calendar based on custom events loaded from database. Click on the
date will loads the event detail from database.
|
- Custom Event from Database 1 (AJAX) | [ASP Example included]
Custom events in selected month are preloaded from database and cached in calendar control using AJAX.
When user click on date, the event will be displayed, no server trip required.
- Custom Event from Database 2 (AJAX) | [ASP Example included]
Marks dates in calendar based on custom events loaded from database using AJAX. Click on the
date will loads the event detail from database using AJAX.
|
|