как поменять дату в забуто календаре - PullRequest
Новая
       48

как поменять дату в забуто календаре

0 голосов
/ 22 июня 2019

Для тех, кто знаком с календарем Zabuto, если вы сделаете переменную текущей даты истинной, тогда календарь начинается с месяца «сегодня» и показывает значок даты.Все это у меня работает так, как мне нужно, за исключением некоторых будущих вопросов, которые я хочу иметь возможность добавить URL-адрес во всплывающее окно при выборе события.Однако этот вопрос, я хочу, чтобы иметь возможность показывать конкретные ограниченные месяцы на отдельной странице.Например, сегодняшняя дата - 22 июня, но на отдельной веб-странице я хотел бы показывать ноябрьские и декабрьские месяцы и конкретный год только независимо от текущей даты.Я понятия не имею, с чего начать, поэтому у меня нет кода, который мог бы показать, кроме существующего, который я использовал на веб-сайте zabuto.Это маршрут, который я взял все в java-скрипте.

имя класса "code", которое у меня есть в моей CSS для цветов, но это не очень важно, так как я хочу всего 2 месяца на отдельной странице, но доступ к нейданные из одного файла JS, как вы видите сокращенную версию данных ниже 

var eventData = [
    {"date":"2018-10-02","badge":false,"title":"private party","body":"private fun
    {"date":"2019-12-25","badge":false,"title":"Christmas Day","body":"Christmas Lunch","footer":"all night","status":"100%","classname":"grad100"},
    {"date":"2019-12-26","badge":false,"title":"Boxing Day","body":"Boxing Day Lunch","footer":"all night","status":"100%","classname":"grad100"},
    {"date":"2019-12-31","badge":false,"title":"New Years Eve","body":"Bringing in the New Year of 2020","footer":"all night","status":"75%","classname":"grad75"}
];

$(document).ready(function() {

    $("#my-calendar").zabuto_calendar({
      action: function(event) {
        console.log(event)
        return myDateFunction(this.id, false);
      },
      action_nav: function() {
        return myNavFunction(this.id);
      },
      data: eventData,
      modal: true,

      /* The legend 

              legend: [
                  {type: "text", label: "Special event", badge: "00"},
                  {type: "block", label: "Regular event"}
              ]

      */
    });
    $("#date-popover").click(function() {
      $("#date-popover").hide();

    });

    function myDateFunction(id, fromModal) {

      console.log({
        id
      })
      if (fromModal) {
        $("#" + id + "_modal").modal("hide");
      }
      var date = $("#" + id).data("date");
      var eventItem = eventData.find(function(item) {
        return item.date === date;
      })
      if (!eventItem && !eventItem) {
        return false;
      }
      $("#date-popover .popover-content").text(eventItem.date+" which is a "+eventItem.title+"\n This is a "+eventItem.body+"\n we are currently "+eventItem.status+".")
      $("#date-popover").show();
    }

    function myNavFunction(id) {

      $("#date-popover").hide();
      var nav = $("#" + id).data("navigation");
      var to = $("#" + id).data("to");
    }

  });

1 Ответ

0 голосов
/ 19 июля 2019

хорошо, отсортировано, но мне нужно создать новый js с несколькими изменениями, чтобы изменить сегодняшний день, месяц и некоторые другие вещи

...