时间戳

首页 > 解决方案 > 如何在 JS 中更改日历小部件的开始日期和结束日期？

javascript - 如何在 JS 中更改日历小部件的开始日期和结束日期？

问题描述

我想知道如何更改日历小部件的开始和结束日期。

日历的日期应该从 2021 年 1 月 1 日开始，我应该可以一直到 2030 年

目前我可以超越 2030 年，但我希望它停止在 2030 年。

    function createEventListeners() {
      var dateField = document.getElementById("tripDate");
      if (dateField.addEventListener) {
        dateField.addEventListener("click", displayCalendar, false);
      } else if (dateField.attachEvent) {
        dateField.attachEvent("onclick", displayCalendar);
      }

      var dateCells = document.getElementsByTagName("td");
      if (dateCells[0].addEventListener) {
        for (var i = 0; i < dateCells.length; i++) {
          dateCells[i].addEventListener("click", selectDate, false);
        }
      } else if (dateCells[0].attachEvent) {
        for (var i = 0; i < dateCells.length; i++) {
          dateCells[i].attachEvent("onclick", selectDate);
        }
      }

      var closeButton = document.getElementById("close");
      if (closeButton.addEventListener) {
        closeButton.addEventListener("click", hideCalendar, false);
      } else if (closeButton.attachEvent) {
        closeButton.attachEvent("onclick", hideCalendar);
      }

      var prevLink = document.getElementById("prev");
      var nextLink = document.getElementById("next");
      if (prevLink.addEventListener) {
        prevLink.addEventListener("click", prevMo, false);
        nextLink.addEventListener("click", nextMo, false);
      } else if (prevLink.attachEvent) {
        prevLink.attachEvent("onclick", prevMo);
        nextLink.attachEvent("onclick", nextMo);
      }
    }

    if (window.addEventListener) {
      window.addEventListener("load", createEventListeners, false);
    } else if (window.attachEvent) {
      window.attachEvent("onload", createEventListeners);
    }

标签： javascripthtml

解决方案

使用以下代码。首先在变量中设置日期，然后分配最大或最小日期。

var today="*date*"
document.getElementById("datefield").setAttribute("max", today);

推荐阅读