blob: 3c2d3141ee03cfe94e147761f4095842e54496db (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
<com:TContent ID="body">
<h1>TJuiDatePicker Samples</h1>
<table class="sampletable">
<tr><td class="samplenote">
Simple TJuiDatePicker:
</td><td class="sampleaction">
<com:TJuiDatePicker ID="dp1" />
</td></tr>
<tr><td class="samplenote">
TJuiDatePicker with TRequiredFieldValidator:
</td><td class="sampleaction">
<com:TJuiDatePicker ID="dp2" />
<com:TRequiredFieldValidator
ValidationGroup="vg2"
ControlToValidate="dp2"
Text="Field required." />
<com:TButton Text="Submit" ValidationGroup="vg2" />
</td></tr>
<tr><td class="samplenote">
TJuiDatePicker with TDataTypeValidator:
</td><td class="sampleaction">
<com:TJuiDatePicker ID="dp3" Options.dateFormat="yy-mm-dd" />
<com:TDataTypeValidator
ValidationGroup="vg3"
ControlToValidate="dp3"
DataType="Date"
DateFormat="yyyy-MM-dd"
Text="You must enter a valid date (yyyy-MM-dd)." />
<com:TButton Text="Submit" ValidationGroup="vg3" />
</td></tr>
<tr><td class="samplenote">
TJuiDatePicker with animation:
</td><td class="sampleaction">
<com:TJuiDatePicker ID="dp4" Options.dateFormat="yy-mm-dd" />
<com:TActiveDropDownList OnSelectedIndexChanged="change4">
<com:TListItem Value="show" Text="Show (default)" Selected="true" />
<com:TListItem Value="slideDown" Text="Slide down" />
<com:TListItem Value="fadeIn" Text="Fade in" />
<com:TListItem Value="blind" Text="Blind (UI Effect)" />
<com:TListItem Value="bounce" Text="Bounce (UI Effect)" />
<com:TListItem Value="clip" Text="Clip (UI Effect)" />
<com:TListItem Value="drop" Text="Drop (UI Effect)" />
<com:TListItem Value="fold" Text="Fold (UI Effect)" />
<com:TListItem Value="slide" Text="Slide (UI Effect)" />
</com:TActiveDropDownList>
</td></tr>
<tr><td class="samplenote">
Change options of TJuiDatePicker during callback:
</td><td class="sampleaction">
<div><com:TJuiDatePicker ID="dp5" /></div>
<div><com:TActiveCheckBox OnCheckedChanged="change5" Value="button" /> show button bar</div>
<div><com:TActiveCheckBox OnCheckedChanged="change5" Value="menu" /> display year & month menus</div>
<div><com:TActiveCheckBox OnCheckedChanged="change5" Value="week" /> show week of year</div>
<div><com:TActiveCheckBox OnCheckedChanged="change5" Value="month" /> show 3 months</div>
</td></tr>
</table>
</com:TContent>
|
