<!---
From: http://www.coldfusionjedi.com/index.cfm/2009/11/10/Demo-of-CFWINDOW-and-jQuery-Date-Picker
--->
<cfajaximport tags="cfwindow" />
<html>

<head>
<link rel="stylesheet" href="/jquery/jqueryui/css/smoothness/jquery-ui-1.7.1.custom.css" type="text/css" media="screen" />
<style>
#ui-datepicker-div {
    z-index:10000;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="/jquery/jqueryui/js/jquery-ui-1.7.1.custom.min.js"></script>
<script>
function showDateWindow() {
   ColdFusion.Window.create('dateWin','Title', '/test5.cfm',{x:100,y:100,height:300,width:350,modal:true,closable:false, draggable:true,resizable:false,center:true,initshow:false,refreshOnShow:true});
   ColdFusion.Window.onShow('dateWin',doShow)
   ColdFusion.Window.show('dateWin')    
}

function doShow() {
   console.log('doShow()')
}

function winLoaded() {
    console.log('winLoaded()')
    $("#innerdob").datepicker()
    console.log('made the date')
}

$(document).ready(function() {
    $("#dob").datepicker()
    console.log('ran')
    
    $("#showWin").click(showDateWindow)
})
</script>
</head>
 
<body>

<h1>Foo</h1>
<form>
<input type="text" name="dob" id="dob"><br/>
<input type="button" id="showWin" title="Show Window" value="Show Window">
</form>

</body>
</html>
<cf_colorCode />
Code Coloring by - Paul Klinkenberg