1. <?xml version="1.0" encoding="utf-8"?>
2. <!DOCTYPE >
3. &lt;html  xml:lang="en"&gt;
4.   &lt;head&gt;
5.     &lt;link rel="stylesheet" type="text/css" href="datepicker.css" /&gt;
6.   &lt;/head&gt;
7.   &lt;body&gt;
8.     <h1>First DatePicker</h1>
9.     <div id="datepicker1"></div>
10.     <h1>Second DatePicker</h1>
11.     <div id="datepicker2"></div>
12.     [removed][removed]
13.     [removed]
14.         //&lt;![CDATA[
15.         datePicker1 = new DatePicker("datepicker1", function (id, fixedDate) {
16.           console.log("DatePicker with id", id,
17.                   "selected date:", fixedDate.month + "/" + fixedDate.day + "/" + fixedDate.year);
18.         });
19.         datePicker1.render(new Date());
20.         datePicker2 = new DatePicker("datepicker2", function (id, fixedDate) {
21.           console.log("DatePicker with id", id,
22.                   "selected date:", fixedDate.month + "/" + fixedDate.day + "/" + fixedDate.year);
23.         });
24.         datePicker2.render(new Date("1/1/2009"));
25.         //]]>
26.     [removed]
27.   &lt;/body&gt;
28. &lt;/html&gt;
29.