KT.UI PerDateInput control offers users the rich and flexible date and time inputting tools on web page without any external third party inputting plug-in. Like setting and specifying common properties for other PerInput components, when users choose to use and apply PerDateInput control, you still are able to set its common attributes, such as option for changing control skin, support for different states, tool to add label as well as other basic settings.

Quick navigation for this tutorial article on PerDateInput control for ASP.NET AJAX:

• Basic properties of PerDateInput control introductions within Web PerInput application
• How to apply demo ASP.NET codes for Increment settings by using PerDateInput control

If you are looking for guides and demo codes on C# PerDateInput control, please click to go to the right page.

With the support of PerDateInput control of KT.UI SDK, users can get the standard and complete tools for date format values within ASP.NET project. Our PerDateInput component allows for following four different input format values.

• DateFormat: users can use this property to set the format string for the value of the date input control when the date input box has focus.
• Culture: this property can be used to control the value of culture-dependent symbols in the date format value, for instance, the specific names of the days in a week.
• MinDate: this property is designed to set the minimum date of the input data strings.
• MaxDate: this property can be used to set the maximum date of the input data strings.

Please see following ASP.NET codes on how to set properties above and a sample image for these setting is listed beneath the codes.

<kettic:PerDateInput ID="PerDateInput1" runat="server" Width="200px" 
Culture="en-US" DateFormat="d" MinDate="2000-1-1" MaxDate="2100-1-1"Label="Date:">
</kettic:PerDateInput>

Just similar to the adjustment of increment parameter of NumericTextBox control, users also can increase or decrease the current value using the arrow keys or mouse wheel.

• InterceptArrowKeys: When users set InterceptArrowKeys as True, then you can use the arrow keys to change the date value.
• InterceptMouseWheel: When users choose InterceptMouseWheel is True, then you can use the mouse wheel to change the date value.
• Step: this property can control the specific value each time the arrow key or movement of the mouse wheel move.

<kettic:PerDateInput ID="PerDateInput1" runat="server" 
Width="200px" Culture="en-US" DateFormat="d" MinDate="2000-1-1" MaxDate="2100-1-1" >
<IncrementSettings InterceptArrowKeys="true" InterceptMouseWheel="true" />
</kettic:PerDateInput>