dateTimePicker field

This is a dateTime picker field for date/time/datetime values.

Please note, this field depend on the following library:

Special properties of field

Property Default Accepted values Description
autocomplete none see doc Indicates whether the value of the control can be automatically completed by the browser.
dateTimePickerOptions {} Object Settings to dateTimePicker. Read more info from options
format null String or null Format of the value of model. If null, use the Unix timestamp format (eg: 1462913010557). If a String, format the Date with moment (eg: format: "YYYY.MM.DD").
max none Number Max value (need to use validators.number)
min none Number Min value (need to use validators.number)
placeholder none String Placeholder text for input field
readonly false Boolean If true, the input field is read only

dateTimePickerOptions

@TODO

Usage

Field for date-of-birth with min, max limits and age calculator.

{
    type: "dateTimePicker",
    label: "DOB",
    model: "dob",
    required: true,
    placeholder: "User's birth of date",
    min: moment("1900-01-01").toDate(),
    max: moment("2016-01-01").toDate(),
    validator: validators.date,

    dateTimePickerOptions: {
        format: "YYYY-MM-DD"
    },            

    onChanged: function(model, newVal, oldVal, field) {
        model.age = moment().year() - moment(newVal).year();
    }
}

Date and time picker

    {
        type: "dateTimePicker",
        label: "DT",
        model: "dt",
        dateTimePickerOptions: {
            format: "YYYY-MM-DD HH:mm:ss"
        }
    }

Time picker

    {
        type: "dateTimePicker",
        label: "Start time",
        model: "startTime",
        format: "HH:mm:ss",
        dateTimePickerOptions: {
            format: "HH:mm:ss"
        }
    }

The value will be formatted as "15:28:43".

results matching ""

    No results matching ""