<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Prado Date Picker</title> <script type="text/javascript" src="../../base.js"></script> <script type="text/javascript" src="../../dom.js"></script> <script type="text/javascript" src="../../datepicker.js"></script> <script type="text/javascript"> function init() { var options = { "trigger" : "button1", "format" : "dd-MM-yyyy" }; var datepicker1 = new Prado.Calendar("textfield1", options); //datepicker1.format = "yyyy-MM-d"; //datepicker1.create(); //datepicker1.show("button1"); //var button = $("button1"); //Event.observe(button, "click", function(){datepicker1.show(button);}); //var d = new Date(); //alert(Prado.Calendar.Util.ISODate(d)); var datepicker2 = new Prado.Calendar("textfield2"); } /*var cal; function init() { cal = new Calendar(); cal.setIncludeWeek(true); cal.setFormat("yyyy-MM-dd"); //cal.setMonthNames(.....); //cal.setShortMonthNames(....); cal.create(); var button = $("button1"); button.onclick = function() { cal.toggle(button); } cal.onchange = function() { $("textfield1").value = cal.formatDate(); } }*/ window.onload = init; </script> </script> </head> <body> <form ID=Form1> <input type="text" name="textfield1" id="textfield1" /> <input type="button" name="button1" id="button1" value="..." /> </form> as<br/> dv<br/> as<br/> d<br/> as<br/> d<br/> asd<br/> a<br/> sd<br/> dv<br/> as<br/> d<br/> as<br/> d<br/> asd<br/> a<br/> sd<br/> dv<br/> as<br/> d<br/> as<br/> d<br/> asd<br/> a<br/> sd<br/> <form> <input type="text" name="textfield2" id="text1" /> <input type="button" name="button2" id="button2" value="..." /> </form> d<br/> as<br/> d<br/> asd<br/> a<br/> sd<br/> dv<br/> as<br/> d<br/> as<br/> d<br/> asd<br/> a<br/> sd<br/> </body> </html>