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.

"Thank you very much. Really appreciate your diligent and quick follow up in showing us how to "Hide grouping area". Your quick follow up and response to your customer base has reinforced our belief in Obout as a top notch web tools suite for web applications. "

Kaydee Dwarak
Grocers Supply Company

Random testimonial   All testimonials