dateTimePicker

This is a dateTime picker field for date/time/datetime values.
Please note, this field depend on the following library:
​jQuery​
​BootStrap​
​bootstrap-datetimepicker​
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".

cleave

googleAddress

Last updated 2 years ago

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