{"id":2523,"date":"2014-10-28T19:42:24","date_gmt":"2014-10-28T15:42:24","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=2523"},"modified":"2023-05-05T13:56:50","modified_gmt":"2023-05-05T10:56:50","slug":"mini-calendar-in-dhtmlxscheduler","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/mini-calendar-in-dhtmlxscheduler\/","title":{"rendered":"DHTMLX Little-Known Features: Mini Calendar in dhtmlxScheduler"},"content":{"rendered":"

Mini calendar<\/a> in our JavaScript Scheduler<\/a> can’t be named “little-known” feature and it’s some kind of “must have” in each appointment calendar. But in this article we’ll tell you about all the ways how and where you can place this small but very useful thing.<\/p>\n

So, let’s start. First of all, we need to add the ext\/dhtmlxscheduler_minical.js<\/strong> extension file on the page.<\/p>\n

<<\/span>script src=<\/span>'\/ext\/dhtmlxscheduler_minical.js'<\/span> type=<\/span>"text\/javascript"<\/span>><\/<\/span>script><\/span><\/div><\/div>\n

Then we need to decide where we would like to place our mini calendar. Pick up the variant that suits you and let’s add it to the scheduler (you can add the mini calendar at each of them).<\/p>\n

1. A mini calendar can be used for a quick navigation between dates of scheduler and be placed in the header<\/strong><\/p>\n

\"calendar-in-the-header\"
\n
\nFor this:<\/p>\n