Calendar.span Property

Gets or sets the current date-time span of the calendar.

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

 Syntax

JavaScript

get span() {}

 Property Value

TimeUnit. One of the TimeUnit enumeration values.

 Remarks

Currently supported values are TimeSpan.Day, TimeSpan.Month, TimeSpan.Year and TimeSpan.Decade./

 Example

The following code creates a new Calendar instance using a reference to an HTML div with an id "calendar". The view is set to DayView and the date is 25th of June, 2020. The hour is 14:58. The current span is set to month.

JavaScript

var u = MindFusion.Common.UI;var calendar = u.Calendar(document.getElementById("calendar"));
calendar.view = new u.DayView();
calendar.date = new Date(2020, 5, 25, 14, 58, 0, 0);
calendar.maxSpan = u.TimeSpan.Year;
calendar.span = u.TimeSpan.Month;
calendar.minSpan = u.TimeSpan.Day;