Angular UI Components
Show Demo List
|
|
|
|
The DateTimeInput component for Angular enables you to display and select date and time values by using a popup Calendar display or by keyboard input into the text field. The component provides support for localizing its input field and popup calendar in different languages and date formats. A range of dates can be selected by setting the "selectionMode" property to "range". The DateTimeInput has built-in date parsing functionality that allows you to display date feedback in a variety of ways. A format can be chosen by changing the value of a single property.
jqxDateTimeInput is the jQWidgets DateTimeInput component for Angular. Masked date and time input with a drop-down calendar and range selection.
jqxDateTimeInput has 36 properties, 5 events and 12 methods, all in the API reference. Its main members, those its demos use first:
formatString (property) – Sets or gets the date time input format of the date.showTimeButton (property) – Determines whether the time button is visible.showCalendarButton (property) – Determines whether the calendar button is visible.animationType (property) – Sets or gets the type of the animation.dropDownHorizontalAlignment (property) – Sets the DropDown's alignment.allowNullDate (property) – Determines whether Null is allowed as a value.editMode (property) – Sets the edit mode of the component.value (property) – Sets or gets the jqxDateTimeInput value.yearCutoff (property) – Works with editMode='full'.min (property) – Sets or gets the jqxDateTimeInput's minimum date.