JavaScript Date Picker based on ComboBox : Calendar « GUI Components « JavaScript DHTML






JavaScript Date Picker based on ComboBox

 

<html>
<head>
<title>DynAPI Examples - HTML DatePicker</title>
<script language="JavaScript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
dynapi.library.include('TemplateManager');
dynapi.library.include('HTMLDatePicker');
</script>
<script language="Javascript">

var t = 'This is the Template:<center><form><table border="1" width="180"><tr><td align="center">Select a Date of Birth:<br>{@dpDOB}</td></tr></table></form></center>';
var tp = new Template(t,100,100,250,200,'#EEEEEE');
tp.addChild(new HTMLDatePicker(null),'dpDOB');
tp.dpDOB.addEventListener({
  onchange:function(e){
    var o=e.getSource();
    status = o.getDate();
  }
});

dynapi.document.addChild(tp);

</script>
</head>
<body>
<script>
  dynapi.document.insertAllChildren();
</script>
</body>
</html>

           
         
  








dynapi.zip( 791 k)

Related examples in the same category

1.HTML Calendar based on DynAPI
2.Calendar Control - Single-Select Implementation
3.Calendar Control - 2-Up Implementation
4.Calendar Control - Handling onSelect / onDeselect
5.Calendar Control - Mix/Max Implementation
6.Calendar Control - Multi-Select Implementation
7.Calendar Control - Multi-Select 2-up Implementation
8.Calendar Control - Custom Renderer Example (Holiday Renderer Implementation)
9.Calendar Control - Date Restriction Example (Date Restriction Implementation)
10.Calendar Control - Row Highlight Example (Row Highlight Implementation)
11.Popup calendar
12.Month Calendar
13.Popup Calendar for a textfield
14.Multiselection Calendar
15.Free Date Picker : An easy plugin to add a date picker (calendar) in your web site
16.HTML Date Picker
17.Date Picker in new window
18.All browser Calendar
19.DHTML Calendar for the impatient
20.Calendar: special day
21.Calendar: day info
22.Calendar: Multiple day selection
23.Calendar with different theme
24.Calendar with image for each month
25.Fancy Calendar
26.Another Calendar
27.Date Time Picker
28.Month Calendar (2)
29.Building a Calculator
30.A Dynamic Calendar Table
31.Dynamic HTML Calendar
32. A Static Calendar by JavaScript
33.Displaying the Calendar
34.Calendar (IE only)
35.Calendar in slide tab
36.Another DHTML Calendar
37.Event Calendar
38.Open calendar
39.swazz calendar 1.0
40.jquery calendar