DateTimePicker.mode Property

Gets or sets the mode of the control.

Namespace: MindFusion.Common.UI
File: DateTimePicker.js

 Syntax

JavaScript

get mode() {}

 Property Value

One of the DateTimePickerMode enumeration values.

 Example

The following code creates a new DateTimePicker using an HTML div element with an id "date_picker". The dateTimePicker advances with one day and displays the date as "2/March". The interval between cells is 1 hour, the min time is 9 o'clock and the latest hour rendered is 19 o'clock. The dateTimePicker allows selection of hours:

JavaScript

var u = MindFusion.Common.UI;var dateTimePicker = new ui.DateTimePicker(document.getElementById("date_picker"));
//advance for 1 day
dateTimePicker.advance(0, 0, 1);
dateTimePicker.autoComplete = true;
dateTimePicker.datePartSelect = true;
//1 hour in milliseconds
dateTimePicker.interval = 3600000;
//max time is 19 o'clock
dateTimePicker.maxTime = 64800000;
//min time is 9 o'clock
dateTimePicker.minTime = 32400000;
dateTimePicker.mode = u.DateTimePickerMode.Time;