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.

"My Feedback for Product: The obout GRID control is the best and easiest grid control I have ever used till date. It has all the features that needs to be, within a GRID and it’s so user friendly that even a layman can use it just by drag and drop and few lines of code. My Feedback for Support: Honestly speaking, I had not expected the first response from obout that quickly. I mean, I got the response to my query in less than 20 minutes (which is really amazing) and I was really shock to see that. And also, good to see the way Obout team works to fix the issue so quickly. Please continue do design and develop the best tools that are really helpful for the developers in the IT market."

Rohan Lopes

Random testimonial   All testimonials