obout inc - ASP.NET Calendar - Tutorial - Set Time

Quick links

obout.com

Calendar

Examples - 31

Appearance - 2

Date picker - 11

Features - 9

Integration - 11

Tutorials - 20

Month selector New

Time selector New

Set Time New

Select only special dates

Select the selected date

Select multiple dates New

Date and time format

EnabledDateExpression

Month scrolling

Disable month scrolling

Set minimum date New

Using the correct path

Client side functions

Documentation - 2

Knowledge Base - 2

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"

Example

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