Solved

Have form that when clicked needs to have calendar date picker

Posted on 2008-10-08
1
433 Views
Last Modified: 2012-05-05
Need a ColdFusion solution.

 I have a form used for scheduling.  The end user needs to pick a beginning date and end date.  My goal is to do something like any of the travel sites do for those fields.  For instance orbitz.com.  When you click on the "leave" or "return" fields a small square window with a calendar pops up.  When the date is selected it's submitted with the rest of the form.  

I can't attach a code snippet as I have no idea how to do this.  

Thanks for your help!


0
Comment
Question by:IRHusker
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 27

Accepted Solution

by:
azadisaryev earned 500 total points
ID: 22674974
there are literally hundreds of available solutions for this. just googling "lavascript popup calendar" will bring many good solutions.
if you are on cf8, it has one built in if you use <cfinput type="datefiled">. however, i find that one quiet a bit limited and not easily customized. but it works.

the one i love best and use most is the jQuery UI datepicker:
http://docs.jquery.com/UI/Datepicker for general info
http://ui.jquery.com/repository/latest/demos/functional/#ui.datepicker for an excellent demo and code samples

in its most simple form all you need is:
1) download jqeury js library from http://docs.jquery.com/Downloading_jQuery
2) download jQuery UI library from http://ui.jquery.com/,
or just the datepicker (that's all you really need from the UI library) from http://marcgrabanski.com/pages/code/jquery-ui-datepicker
3) add
<script src="path/to/jquery.js"></script>
<script src="path/to/ui.datepicker.js"><script>
<link rel="stylesheet" href="path/to/ui.datepicker.css" type="text/css" />
<script>
$(document).ready(function(){
  $("#id_of_your_date_form_field").datepicker();
});
</script>

that's it.

the demos and examples page i mentioned above will show you how to customize it in any which way you want.

hth
0

Featured Post

The Orion Papers

Are you interested in becoming an AWS Certified Solutions Architect?

Discover a new interactive way of training for the exam.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CFGRID Custom Functionality Series -  Part 1 Hi Guys, I was once asked how it is possible to to add a hyperlink in the cfgrid and open the window to show the data. Now this is quite simple, I have to use the EXT JS library for this and I achiev…
I spent nearly three days trying to figure out how incorporate OAuth in Coldfusion for the Eventful API. Hopefully, this article will allow Coldfusion Programmers to buzz through the API when they need to. Basically, what this script does is authori…
This video Micro Tutorial shows how to password-protect PDF files with free software. Many software products can do this, such as Adobe Acrobat (but not Adobe Reader), Nuance PaperPort, and Nuance Power PDF, but they are not free products. This vide…
NetCrunch network monitor is a highly extensive platform for network monitoring and alert generation. In this video you'll see a live demo of NetCrunch with most notable features explained in a walk-through manner. You'll also get to know the philos…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question