OBOUT - ASP.NET Calendar - Tutorial

Quick Links

ASP.NET Calendar - Tutorial - Set Time

To set the Calendar into date picker mode, simply set

DatePickerMode = "true"

You can also specify the textbox ID where you wish to put the formatted date:

TextBoxId = "myTextBoxID"

To allow time selection set:

ShowTimeSelector = "true"

Change the text of the set button:

TextSelectTime="Set Time"

You can set the desired time without selecting the date again.
Just click Set Time after a date is selected.


00
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23


00
01
02
03
04
05
06
07
08
09
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


00
01
02
03
04
05
06
07
08
09
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

<ASP:TextBox runat="server" ID="txtDate"></ASP:TextBox>

<obout:Calendar runat="server"
     DatePickerMode="true"
     TextBoxId="txtDate"
     ShowTimeSelector="true"
     TextSelectTime="Set Time">
</obout:Calendar>

ASP.NET Calendar - Tutorial - Set Time

See also