Back to Top
The nuts and bolts for
Creative web development

Event Calendar, Date & Time Pickup Bundle

“Set date and time for your events in an amazing calendar”

Enrich your web forms with date & timepick up add events in an awesome calendar.

Ajax Event Calendar
$61.00
DMXzone Calendar 2
$53.00
DMXzone Timepicker
$53.00

Overview

A Car Reservation Form Demo

For this demo we gather 3 different Dreamweaver extensions. For the date and time pickup we used DMXzone Calendar 2 where we set dependent dates (pickup and return calendars) that can be chosen for the date and DMXzone Timepicker as a calendar Add-on for the time. All information is stored in an Ajax Event Calendar database.

Showcases

Hairdresser Salon Reservation Demo

In this demo you can see how we used DMXzone Timepicker as a standalone extension along with DMXzone Calendar 2 in a form with two fields.

Dentist Appointment Demo

For this demo we combined DMXzone Calendar 2 with DMXzone Timepicker. We set the time range to be selectable in 15 min steps and also by the hour.

DMXzone Calendar 2 & Ajax Event Calendar Demo

In this demo you can see how easily you can bind the DMXzone Calendar 2 and Ajax Event Calendar through the Behavior Connector. Simply click on a date in the DMXzone Calendar 2, that is colored in red because of the CSS class that we've added and the event will be displayed in the Ajax Event Calendar , where you can even add images!

Hotel Reservation Demo 2

In this demo website you can see how we implemented our DMXzone Calendar 2 into a reservation system for a hotel/villa. We added non selectable for pick up date with a CSS class that colors them. Additionally, the calendar appears both on focus and icon click.

Hotel Reservation Form Demo

In this demo we will show you how easy it is to use DMXzone Calendar 2 on a reservation form. Simply click on the desired dates and they'll be filled in in the field automatically. The unavailable dates are with CSS class so that they are not selectable.


Inline Calendar Demo

In this demo you can see that the DMXzone Calendar 2 can be also used inline.

  • Reservation Form Admin Panel Showcase

    For this showcase we gather 3 different Dreamweaver extensions. For the date and time pickup we used DMXzone Calendar 2 where we set dependent dates (pickup and return calendars) that can be chosen ...

  • Hairdresser Salon Showcase

    In this showcase you can see how we used DMXzone Timepicker as a standalone extension along with DMXzone Calendar 2 in a form with two fields.

  • Dentist Appointment Showcase

    For this showcase we combined DMXzone Calendar 2 with DMXzone Timepicker, which is working as an Add-on. We set the time range to be selectable in 15 min steps and also by the hour.

  • DMXzone Calendar 2 & Ajax Event Calendar Showcase

    In this showcase you can see how easily you can bind the DMXzone Calendar 2 and Ajax Event Calendar through the Behavior Connector. Simply click on a date in the DMXzone Calendar 2, that is colored ...

  • Holiday Reservation System

    In this showcase website you can see how we implemented our DMXzone Calendar 2 into a reservation system for a hotel/villa. We added non selectable for pick up date with a CSS class that colors ...

  • Hotel Reservation Form Showcase

    In this showcase we will show you how easy it is to use DMXzone Calendar 2 on a reservation form. Simply click on the desired dates and they'll be filled in in the field automatically. The ...

Videos

DMXzone Calendar 2 Videos

DMXzone Calendar Features Overview
With this movie we will show you an overview of the main features in the DMXzone Calendar 2.

 
 

Adding DMXzone Calendar on a Website
With this movie we will show you how easy it is to add the DMXzone Calendar 2 on your website.

 
 

Adding Custom Date to DMXzone Calendar 2
With this movie we will show you how to use the DMXzone Calendar 2 formatting options in order to add custom dates to your calendar.

 
 

Using Dynamic Conditional Date Formatting
With this movie we will show you how to use the dynamic conditional date formatting in order to retrieve dates with special meanings from a database.

 
 
 

Using Standard Dreamweaver Insert Record Behavior
With this movie we will show you how to use DMXzone Calendar 2 with a standard Dreamweaver Insert Record behavior.

 
 
 

Using Standard Dreamweaver Update Behavior
With this movie we will show you how to use DMXzone Calendar 2 with a standard Dreamweaver Update Record behavior.

 
 
 

Adding DMXzone Calendar on a Website
With this movie we will show you how to add reserved dates into your hotel or villa reservation system using DMXzone Calendar 2.

 
 
 

Using DMXzone Calendar 2 with Ajax Event Calendar
With this movie we will show you how to combine DMXzone Calendar 2 with Ajax Event Calendar in order to display detailed events information on your site.

 
 

Creating a Date Range Selector with DMXzone Calendar
With this movie we will show you how to use the DMXzone Calendar 2 in order to create a date range selector for your reservation form.

 
 

Setting Today's date as an Initial Date
With this movie we will show you how to set today's date as an initial date in DMXzone Calendar 2.

 
 

Ajax Event Calendar Videos


Main Features Overview of Ajax Event Calendar
With this movie we will take a look at the main features packed in the Ajax Event Calendar.

 
 
 

Connect your Google Calendar Events with Ajax Event Calendar
With this movie we will take a look at the Advanced Settings of Ajax Event Calendar. Also, we will show you how to connect your Google Calendar Events with Ajax Event Calendar.

 

Advanced Features Overview and Database events
With this movie we will show the advanced features packed in the Ajax Event Calendar, as well as the database events settings.

 
 

Creating Dynamic Calendar from a Database using Ajax event Calendar
With this movie we will show you how to create a Dynamic Calendar that retrieves its events from a database.

 
 

Editing Ajax Event Calendar Events through Advanced Tooltips
with this movie we will show you how to edit your existing Ajax Event Calendar events using Advanced Tooltips.

 
 

DMXzone Timepicker Videos

Basic Usage of DMXzone Timepicker
With this movie we will show you how to use the DMXzone Timepicker extension and the features packed in it.

 
 

Using DMXzone Timepicker as an Add-on for DMXzone Calendar 2
With this movie we will show you how to use DMXzone Timepicker as an Add-on for the DMXzone Calendar 2.

 
 

Using DMXzone Timepicker with Dynamic Data
With this movie we will show you how to use DMXzone Timepicker with dynamic data.

 
 
 

Add Events with Date and Time in Ajax Event Calendar
With this movie we will show you how to use DMXzone Timepicker as an Add-on for DMXzone Calendar 2 and create a form that adds events with date and time to Ajax Event Calendar database table.

 

Control the DMXzone Timepicker with Behaviors
With this movie we will show you how to control the DMXzone Timepicker with standard control behaviors.

 
 

Requirements

Type: Behavior
Product: Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CS5.5
Server Model: ASP VBScript, PHP MySQL
Platform: Win XP/2000/2003/2008/7, Mac OS X, Mac OS X 10.4+
Browser: Safari 4+, Opera 10+, iPad, Safari 5+, Firefox 3.6, Firefox 4+, Chrome 10+, Opera 11
Used Technologies: jQuery UI, Ajax, CSS


George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article