Mobile Scheduler setup problems

I am looking at using the mobile scheduler and having a couple of questions.

  1. How can I hide the bottom toolbar? I have my own toolbar and don’t want this one to show.

  2. How can I change the interval? It defaults to 30 minutes but my users need the option of 15,30 or 60 minutes.

  3. How can I change the top toolbar date format? I have tried this code below, but the date format never changes on the page

     dhx.ready(function () {
         dhx.ui.fullScreen();
         dhx.ui({
             view: "scheduler",
             id: "scheduler",
             container: "appointments_container"
         });
    
         dhx.i18n.fullDateFormat = "%Y-%m-%d %H:%i";
         dhx.i18n.dateFormat = "%Y-%m-%d";
         dhx.i18n.setLocale();
    
         $$("scheduler").$$("buttons").setValue("day");
         $$("scheduler").parse(data, "json");
     });
    
  4. What is the best way to set the current date other than clicking the Today button which is hidden (see question 1). Currently I am doing this

$(“input[Value=Today]”).click();

Worked out number 3.

scheduler.config.header_date = “%l %j %F”;

For number 2 I tried

$$(“scheduler”).$$(“formCalendar”).define(“minuteStep”,15);

But it seemed to have no effect and it still displays 30 minute steps.

  1. How can I hide the bottom toolbar? I have my own toolbar and don’t want this one to show.

You can use hide() method:

$$(“scheduler”).$$(“bottomBar”).hide();

  1. How can I change the interval? It defaults to 30 minutes but my users need the option of 15,30 or 60 minutes.

There is not possibility to change in interval in Day view.