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.

    Select date
 
00
01
02
03
04
05
06
 
 
00
01
02
03
04
05
06
 
 
00
01
02
03
04
05
06
 
<ASP:TextBox runat="server" ID="txtDate"></ASP:TextBox>

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

See also

You can link two calendars together to select a date range. See date range tutorial.

"I love new functions you guys are adding. Thanks for a great product!"

Adam Walankiewicz
Aerodirect Inc.

Random testimonial   All testimonials