You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/calendar/configuring.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -45,7 +45,7 @@ You can also show the calendar in one of the modes using the [](calendar/api/cal
45
45
## Date format
46
46
47
47
There is a possibility to specify the format of dates in the calendar via the [](calendar/api/calendar_dateformat_config.md) property. The default format is "%d/%m/%y".
48
-
The full list of available characters used to make formats is provided in the [API reference](/calendar/api/calendar_dateformat_config).
48
+
The full list of available characters used to make formats is provided in the [API reference](calendar/api/calendar_dateformat_config.md).
You have a possibility to create a calendar in the range mode that allows you to select a range of dates in the calendar. To do this, you need to use the [range:true](/calendar/api/calendar_range_config) option in the calendar configuration object and define an array with the start and end dates of the range.
211
+
You have a possibility to create a calendar in the range mode that allows you to select a range of dates in the calendar. To do this, you need to use the [range:true](calendar/api/calendar_range_config.md) option in the calendar configuration object and define an array with the start and end dates of the range.
3\. Attach the calendar to the popup using the [](../popup/api/popup_attach_method.md) method of Popup:
28
+
3\. Attach the calendar to the popup using the [](popup/api/popup_attach_method.md) method of Popup:
29
29
30
30
~~~js
31
31
popup.attach(calendar);
32
32
~~~
33
33
34
-
4\. Use the [](../popup/api/popup_show_method.md) method of Popup inside a click handler to define that a popup with calendar will open on click in the "date-input" input:
34
+
4\. Use the [](popup/api/popup_show_method.md) method of Popup inside a click handler to define that a popup with calendar will open on click in the "date-input" input:
5\. Define the logic of closing the popup with calendar using the [](../popup/api/popup_hide_method.md) method of Popup. For example, on selecting a new date in the calendar:
43
+
5\. Define the logic of closing the popup with calendar using the [](popup/api/popup_hide_method.md) method of Popup. For example, on selecting a new date in the calendar:
|[Backend integration](integration/suite_and_backend.md)| Learn how to connect DHTMLX Suite to a backend ([Demo](https://github.com/DHTMLX/nodejs-suite-demo)) |
29
-
|[Optimus](optimus_guides.md)| Learn how to use DHTMLX Optimus framework for creating DHTMLX-based app <br>(recommended framework for creating apps with Suite components) |
29
+
|[Optimus](/optimus_guides/)| Learn how to use DHTMLX Optimus framework for creating DHTMLX-based app <br>(recommended framework for creating apps with Suite components) |
30
30
|[React integration](integration/suite_and_react.md)| Learn how to use DHTMLX Calendar with React ([Demo](https://github.com/DHTMLX/react-suite-demo)) |
31
31
|[Angular integration](integration/suite_and_angular.md)| Learn how to use DHTMLX Calendar with Angular ([Demo](https://github.com/DHTMLX/angular-suite-demo)) |
32
32
|[Vue integration](integration/suite_and_vue.md)| Learn how to use DHTMLX Calendar with Vue.js ([Demo](https://github.com/DHTMLX/vue-suite-demo)) |
@@ -37,48 +37,48 @@ In this section you can discover how to configure Calendar.
|[Calendar modes](../configuring/#calendar-modes)| Learn how initialize Calendar in different modes (calendar, month, year) ([Example](https://snippet.dhtmlx.com/n9q0tc0q)) |
41
-
|[Showing tooltips](../operating_calendar/#showing-tooltips)| Learn how to show tooltips in Calendar ([Example 1](https://snippet.dhtmlx.com/t4jy4wrr), [Example 2](https://snippet.dhtmlx.com/jwx0barf)) |
42
-
|[Start of the week](../configuring/#start-of-the-week)| Learn how to change the starting day of the week ([Example](https://snippet.dhtmlx.com/kaxmurh9)) |
43
-
|[Timepicker in Calendar](../configuring/#timepicker)| Learn how to add a timepicker into Calendar ([Example](https://snippet.dhtmlx.com/jkbfb202)) |
44
-
|[Showing the week numbers](../configuring/#numbers-of-weeks)| Learn how to show the numbers of weeks ([Example](https://snippet.dhtmlx.com/9692gk6n)) |
45
-
|[Displaying only current month](../configuring/#displaying-only-current-month)| Learn how to display the current month only ([Example](https://snippet.dhtmlx.com/4wi5hbtr)) |
40
+
|[Calendar modes](calendar/configuring.md#calendar-modes)| Learn how initialize Calendar in different modes (calendar, month, year) ([Example](https://snippet.dhtmlx.com/n9q0tc0q)) |
41
+
|[Showing tooltips](calendar/operating_calendar.md#showing-tooltips)| Learn how to show tooltips in Calendar ([Example 1](https://snippet.dhtmlx.com/t4jy4wrr), [Example 2](https://snippet.dhtmlx.com/jwx0barf)) |
42
+
|[Start of the week](calendar/configuring.md#start-of-the-week)| Learn how to change the starting day of the week ([Example](https://snippet.dhtmlx.com/kaxmurh9)) |
43
+
|[Timepicker in Calendar](calendar/configuring.md#timepicker)| Learn how to add a timepicker into Calendar ([Example](https://snippet.dhtmlx.com/jkbfb202)) |
44
+
|[Showing the week numbers](calendar/configuring.md#numbers-of-weeks)| Learn how to show the numbers of weeks ([Example](https://snippet.dhtmlx.com/9692gk6n)) |
45
+
|[Displaying only current month](calendar/configuring.md#displaying-only-current-month)| Learn how to display the current month only ([Example](https://snippet.dhtmlx.com/4wi5hbtr)) |
|[Initial calendar date](../configuring/#initial-calendar-date)| Learn how to specify the initial date of Calendar ([Example](https://snippet.dhtmlx.com/fyg6l65t)) |
52
-
|[Highlighted dates](../configuring/#highlighted-dates)| Learn how to highlight certain dates in Calendar ([Example](https://snippet.dhtmlx.com/ic5oeiga)) |
53
-
|[Disabled dates](../configuring/#disabled-dates)| Learn how to disable certain dates ([Example](https://snippet.dhtmlx.com/ic5oeiga)) |
54
-
|[Date format](../configuring/#date-format)| Learn how to specify the necessary format of dates ([Example](https://snippet.dhtmlx.com/2co9z3bi)) |
51
+
|[Initial calendar date](calendar/configuring.md#initial-calendar-date)| Learn how to specify the initial date of Calendar ([Example](https://snippet.dhtmlx.com/fyg6l65t)) |
52
+
|[Highlighted dates](calendar/configuring.md#highlighted-dates)| Learn how to highlight certain dates in Calendar ([Example](https://snippet.dhtmlx.com/ic5oeiga)) |
53
+
|[Disabled dates](calendar/configuring.md#disabled-dates)| Learn how to disable certain dates ([Example](https://snippet.dhtmlx.com/ic5oeiga)) |
54
+
|[Date format](calendar/configuring.md#date-format)| Learn how to specify the necessary format of dates ([Example](https://snippet.dhtmlx.com/2co9z3bi)) |
|[Initially selected date](../configuring/#initially-selected-date)| Learn how to create a calendar with an initially selected date ([Example](https://snippet.dhtmlx.com/epjjww3l)) |
62
-
|[Selecting date](../operating_calendar/#selecting-date)| Learn how to select a date in Calendar ([Example](https://snippet.dhtmlx.com/vmg11002)) |
63
-
|[Getting selected date](../operating_calendar/#getting-selected-date)| Learn how to get the selected date ([Example](https://snippet.dhtmlx.com/k2vrfqj0)) |
61
+
|[Initially selected date](calendar/configuring.md#initially-selected-date)| Learn how to create a calendar with an initially selected date ([Example](https://snippet.dhtmlx.com/epjjww3l)) |
62
+
|[Selecting date](calendar/operating_calendar.md#selecting-date)| Learn how to select a date in Calendar ([Example](https://snippet.dhtmlx.com/vmg11002)) |
63
+
|[Getting selected date](calendar/operating_calendar.md#getting-selected-date)| Learn how to get the selected date ([Example](https://snippet.dhtmlx.com/k2vrfqj0)) |
|[Date ranges in one calendar](../configuring/#range-mode)| Learn how to create a calendar in the range mode ([Example](https://snippet.dhtmlx.com/2mrj53h0)) |
70
-
|[Date ranges in two calendars](../operating_calendar/#linking-two-calendars)| Learn how to link two calendars for selecting a date range ([Example](https://snippet.dhtmlx.com/dxo54017)) |
69
+
|[Date ranges in one calendar](calendar/configuring.md#range-mode)| Learn how to create a calendar in the range mode ([Example](https://snippet.dhtmlx.com/2mrj53h0)) |
70
+
|[Date ranges in two calendars](calendar/operating_calendar.md#linking-two-calendars)| Learn how to link two calendars for selecting a date range ([Example](https://snippet.dhtmlx.com/dxo54017)) |
71
71
72
72
## How to customize Calendar and change its size
73
73
74
74
In this section you can learn how to change the Calendar width and style.
|[Width of Calendar](../configuring/#width-of-calendar)| Learn how to set the necessary width of Calendar ([Example](https://snippet.dhtmlx.com/azm0u5ns)) |
79
-
|[Styling (custom CSS)](../customization/#styling-calendar)| Learn how to change the look and feel of Calendar ([Example](https://snippet.dhtmlx.com/2045cbe1)) |
80
-
|[Styling selected dates](../customization/#styling-selected-dates)| Learn how to apply custom styling to selected dates ([Example](https://snippet.dhtmlx.com/9u0ix3na)) |
81
-
|[List of CSS classes](../../helpers/base_elements/)| A set of CSS classes provided by the DHTMLX library |
78
+
|[Width of Calendar](calendar/configuring.md#width-of-calendar)| Learn how to set the necessary width of Calendar ([Example](https://snippet.dhtmlx.com/azm0u5ns)) |
79
+
|[Styling (custom CSS)](calendar/customization.md#styling-calendar)| Learn how to change the look and feel of Calendar ([Example](https://snippet.dhtmlx.com/2045cbe1)) |
80
+
|[Styling selected dates](calendar/customization.md#styling-selected-dates)| Learn how to apply custom styling to selected dates ([Example](https://snippet.dhtmlx.com/9u0ix3na)) |
81
+
|[List of CSS classes](helpers/base_elements.md)| A set of CSS classes provided by the DHTMLX library |
82
82
83
83
## How to work with Calendar events
84
84
@@ -87,27 +87,27 @@ This section explains how to work with Calendar events.
|[Event basic rules](guides/events_guide.md)| Learn basic rules on how to work with events |
90
-
|[Event handling](../handling_events/)| Learn how to attach, detach, or call the Calendar events ([Example](https://snippet.dhtmlx.com/7kj7fiek)) |
90
+
|[Event handling](calendar/handling_events.md)| Learn how to attach, detach, or call the Calendar events ([Example](https://snippet.dhtmlx.com/7kj7fiek)) |
91
91
92
92
## API reference
93
93
94
94
In this section you can find out corresponding references of Calendar API.
0 commit comments