javascript 将时间跳线按钮添加到日历V2

Posted 2021-05-03

  // SETUP GLOBAL CALENDAR VARIABLES
  var calendarID = 302541,
  		activeButtonClass = "active";
  
  var returnDate = function returnDate(numOfDays) {
      var calculatedDate = new Date();
      calculatedDate.setDate(calculatedDate.getDate() + numOfDays);
      var d = calculatedDate.getDate();
      var m =  calculatedDate.getMonth();
      m += 1;  // JavaScript months are 0-11
      var y = calculatedDate.getFullYear();
    	return(y + "-" + m + "-" + d);
    }
    
    var getURL = function getURL(numOfDays) {
      var calendarPage = (window.location.pathname).match(/([^\/]*)\/*$/)[1];
      var URLString = "/" + calendarPage + "?cal-" + calendarID + "-endDate=" + returnDate(numOfDays) + "&cal-" + calendarID + "-page=1&cal-" + calendarID + "-startDate=" + returnDate(0) + "&display=" + numOfDays;
      return(URLString);
    }
    
    var getUrlParameter = function getUrlParameter(sParam) {
        var sPageURL = decodeURIComponent(window.location.search.substring(1)),
            sURLVariables = sPageURL.split('&'),
            sParameterName,
            i;

        for (i = 0; i < sURLVariables.length; i++) {
            sParameterName = sURLVariables[i].split('=');

            if (sParameterName[0] === sParam) {
                return sParameterName[1] === undefined ? true : sParameterName[1];
            }
        }
    };
		// Get current calendar view
		var currentDisplay = getUrlParameter('display');

    // Create our container div and add it to the calendar
    $("<div id=\"time-jump-buttons\"></div>").insertBefore($("div.swCalEvents"));

    // Add our button options as needed
    $("#time-jump-buttons").append("<a href=" + getURL(0) + " class=\"btn 0 \">Today</a>");
    $("#time-jump-buttons").append("<a href=" + getURL(7) +" class=\"btn 7 \">This Week</a>");
    $("#time-jump-buttons").append("<a href=" + getURL(30) +" class=\"btn 30 \">Next 30 Days</a>");
    $("#time-jump-buttons").append("<a href=" + getURL(90) +" class=\"btn 90 \">Next 90 Days</a>");
    $("#time-jump-buttons").append("<a href=" + getURL(365) +" class=\"btn 365 \">One Year</a>");

		// Add active class to button based on current calendar view
    $("#time-jump-buttons a").each(function() {
    	if (currentDisplay.length && $(this).hasClass(currentDisplay)) {
        $('#time-jump-buttons a').removeClass(activeButtonClass);
      	$(this).addClass(activeButtonClass);
      }
    });