5.20231.904
wijmo.angular.input Class WjInputDateTime Wijmo API Class

WjInputDateTime Class

AngularJS directive for the InputDateTime control.

Use the wj-input-date-time directive to add InputDateTime controls to your AngularJS applications. Note that directive and parameter names must be formatted as lower-case with dashes instead of camel-case. For example:

<p>Here is an InputDateTime control:</p>
<wj-input-date-time
  value="theDate"
  format="M/d/yyyy">
</wj-input-date-time>

The wj-input-date-time directive supports the following attributes:

ng-model
@ Binds the control's value property using the ng-model Angular directive. Binding the property using the ng-model directive provides standard benefits like validation, adding the control's state to the form instance, and so on. To redefine properties on a control that is bound by the ng-model directive, use the wj-model-property attribute.
wj-model-property
@ Specifies a control property that is bound to a scope using the ng-model directive.
control
= A reference to the InputDate control created by this directive.
format
@ The format used to display the date being edited (see Globalize).
mask
@ The mask used to validate the input as the user types (see wijmo.input.InputMask).
is-dropped-down
@ A value indicating whether the drop-down is currently visible.
initialized
& This event occurs after the binding has finished initializing the control with attribute values.
is-initialized
= A value indicating whether the binding has finished initializing the control with attribute values.
max
@ The latest valid date (a string in the format "yyyy-MM-dd").
min
@ The earliest valid date (a string in the format "yyyy-MM-dd").
placeholder
@ The string to show as a hint when the control is empty.
is-required
@ A value indicating whether to prevent null values.
show-drop-down-button
@ A value indicating whether the control displays a drop-down button.
text
= The text to show in the control.
timeMax
@ The earliest valid time (a string in the format "hh:mm").
timeMin
@ The latest valid time (a string in the format "hh:mm").
timeStep
@ The number of minutes between entries in the drop-down list.
timeFormat
@ The format sting used to show values in the time drop-down list.
value
= The date being edited.
got-focus
& The InputDateTime.gotFocus event handler.
lost-focus
& The InputDateTime.lostFocus event handler.
is-dropped-down-changing
& The InputDateTime.isDroppedDownChanging event handler.
is-dropped-down-changed
& The InputDateTime.isDroppedDownChanged event handler.
text-changed
& The InputDateTime.textChanged event handler.
value-changed
& The InputDateTime.valueChanged event handler.

Heirarchy