The Navigator date picker supports the following date range selection modes:
-
Day
-
Week
-
Month
The selection mode determines what date range will be selected when a user clicks a date:
-
the
start
andend
properties of the selection (onTimeRangeSelected
event) will be calculated accordingly -
the selected period will be highlighted
Examples
SelectMode = Day
SelectMode = Week
SelectMode = Month
JavaScript Date Picker
In the JavaScript date picker, use the selectMode property to choose the selection mode:
<div id="nav"></div>
<script>
const nav = new DayPilot.Navigator("nav", {
// ...
selectMode: "Week"
});
nav.init();
</script>