obout inc - ASP.NET Calendar - Tutorial

Tutorial - DatePickerMode

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"

Example

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

<obout:Calendar runat="server"
DatePickerMode="true"
TextBoxId="txtDate">
</obout:Calendar>

Example - single month selection

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

<obout:Calendar runat="server"
DatePickerMode="true"
TextBoxId="txtDate"
Columns="1">
</obout:Calendar>

To set a different date picker icon, use DatePickerImagePath property: <ASP:TextBox runat="server" ID="txtDate"></ASP:TextBox> <obout:Calendar runat="server" DatePickerMode="true" TextBoxId="txtDate" DatePickerImagePath="/calendar/styles/icon2.gif"> </obout:Calendar>

See also

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

Please visit HOW-TO and Help page for any questions.

"Your response is quick and clear - Keep it up - Great team. And also thanks about your product - I am very much impressed with all your products. Your help and how to is much better and satisfy most of my doubts - good work."

Muthukumar N.

Questions? Send email to support@obout.com | Contact Us