Как правильно отобразить полный календарь в представлении повестки дня - PullRequest
0 голосов
/ 22 сентября 2018

Как правильно отобразить полный календарь для повестки дня.Это не рендеринг повестки дня.

Рендеринг возможен только при нажатии кнопок «Далее», «Предыдущий» или «Сегодня».Я хочу показать сегодняшнюю повестку дня, используя повестку дня.

Можно ли как-нибудь сделать сегодняшнюю визуализацию по умолчанию для данного ниже javascript?

Пожалуйста, предложите.

enter image description here

var Calendar = function () {
  var a = function () {
    var a = $("#event-management");

    $("#event-categories div.event-category").each(function () {
      var a = {
        title: $.trim($(this).text())
      };
      $(this).data("eventObject", a), $(this).draggable({
        zIndex: 999,
        revert: !0,
        revertDuration: 50
      })
    });
    var b = new Date,
      c = b.getDate(),
      d = b.getMonth(),
      e = b.getFullYear(),
      f = "",
      g = $("#calendar").fullCalendar({

        themeButtonIcons: {
          prev: '<i class="fa fa-angle-left"></i>',
          next: '<i class="fa fa-angle-right"></i>'
        },
        defaultView: 'agendaDay',
        header: {
          //left: "prev,next today",
          left: "prev,next today",
          right: "title",
          // right: "agendaDay,agendaWeek,month"
        },

        editable: true,
        droppable: true,
        drop: function (a, b) {
          var c = $(this).data("eventObject"),
            d = $(this).attr("data-class"),
            e = $.extend({}, c);
          e.start = a, e.allDay = b, d && (e.className = [d]), $("#calendar").fullCalendar("renderEvent", e, !0), $("#drop-remove").is(":checked") && $(this).remove()
        },



        select: function (b, c, d) {
          a.modal({
            backdrop: "static"
          }), f = $("<form></form>"), f.append("<div class='row'></div>"), f.find(".row").append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Schedule an activity</label><input class='form-control' placeholder='Activity Name' type=text name='title'/></div></div>").append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Category</label><select class='form-control' name='category'></select></div></div>").find("select[name='category']").append("<option value='label-default'>Work</option>").append("<option value='label-green'>Home</option>").append("<option value='label-purple'>Holidays</option>").append("<option value='label-orange'>Party</option>").append("<option value='label-yellow'>Birthday</option>").append("<option value='label-teal'>Generic</option>").append("<option value='label-beige'>To Do</option>"), a.find(".remove-event").hide().end().find(".save-event").show().end().find(".modal-body").empty().prepend(f).end().find(".save-event").unbind("click").click(function () {
            f.submit()
          }), a.find("form").on("submit", function () {
            return title = f.find("input[name='title']").val(), $categoryClass = f.find("select[name='category'] option:checked").val(), null !== title && g.fullCalendar("renderEvent", {
              title: title,
              start: b,
              end: c,
              allDay: d,
              className: $categoryClass
            }, !0), a.modal("hide"), !1
          }), g.fullCalendar("unselect")
        },
        eventClick: function (b, c, d) {
          var e = $("<form></form>");
          e.append("<label>Change event name</label>"), e.append("<div class='input-group'><input class='form-control' type=text value='" + b.title + "' /><span class='input-group-btn'><button type='submit' class='btn btn-success'><i class='fa fa-check'></i> Save</button></span></div>"), a.modal({
            backdrop: "static"
          }), a.find(".remove-event").show().end().find(".save-event").hide().end().find(".modal-body").empty().prepend(e).end().find(".remove-event").unbind("click").click(function () {
            g.fullCalendar("removeEvents", function (a) {
              return a._id == b._id
            }), a.modal("hide")
          }), a.find("form").on("submit", function () {
            return b.title = e.find("input[type=text]").val(), g.fullCalendar("updateEvent", b), a.modal("hide"), !1
          })
        }
      })
  };
  return {
    init: function () {
      a()

    }
  }
}();

1 Ответ

0 голосов
/ 23 сентября 2018

Если я правильно понимаю, вы хотите присвоить сегодняшнюю дату дате по умолчанию.

Вы можете попробовать это в своем скрипте календаря.

defaultDate = new Date();

Это ссылка, которую вы можете прочитать.https://fullcalendar.io/docs/defaultDate

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...