Blog   About   Contact

JS Calendar - ColdBox plugin

Posted At : October 28, 2008 5:20 PM | Posted By : Ernst van der Linden
Related Categories: ColdBox,Coldfusion

I've created a ColdBox plugin which makes use of JS Calendar of Dynarch.

 

datepicker

 

LIVE SAMPLE (requested by Sana):

JS Calendar Sample

Usage:


<!--- input field 1 --->
<input type="text" id="startDate" name="startDate" value="" />
<img src="includes/img/icons/calendar.gif"
    id="startDate_trigger" style="cursor:pointer;" title="Date selector" />

<!--- input field 2 --->
<input type="text" id="endDate" name="endDate" value="" />
<img src="includes/img/icons/calendar.gif"
    id="endDate_trigger" style="cursor:pointer;" title="Date selector" />
    
<!--- Setup Calender --->
<cfset calendar = getPlugin("Calendar",1)>
<cfset calendar.setInputField('startDate','startDate_trigger','T1')>
<cfset calendar.setInputField('endDate','endDate_trigger')>

<cfoutput>#calendar.render()#</cfoutput>

Downloads:

JS Calendar (unzip and place it in your includes directory. It should look like this: {YOURAPP}/includes/jscalendar/..)

ColdBox Plugin (without JS Calendar!)

Comments (3) | Print | Send | del.icio.us | Digg It! | Linking Blogs | 2498 Views
Comments (Comment Moderation is enabled. Your comment will not appear until approved.)
[Add Comment]
MAQ's Gravatar cool stuff

u r using a style sheet "calendar-custom.css" in the plugin cfc its not avilable in the jscalender-1.0 zip pack
# Posted By MAQ | 10/29/08 11:14 PM
Ernst van der Linden's Gravatar Thanks Mohammed,

You're right, I just updated the zip file and included the custom stylesheet.

Ernst
# Posted By Ernst van der Linden | 10/30/08 12:57 AM
Glyn Jackson's Gravatar very cool stuff thanks
# Posted By Glyn Jackson | 1/9/09 2:03 AM
[Add Comment]
BlogCFC was created by Raymond Camden. This blog is running version 5.9.004.