Javascript 日历控件如何传递日期、开始日期和结束日期

我正在寻找活动日历，遇到了一个示例

https://codepen.io/peanav/pen/ulkof

它看起来不错，但当我浏览javascript时，我找不到日期开始日期和结束日期的传递位置，我可以看到一些数组形式的数据，这些数据只有

标题

，

类型

和

颜色

但我看不到数组中的日期

!function() {
  var data = [
    { eventName: 'Lunch Meeting w/ Mark', calendar: 'Work', color: 'orange' },
    { eventName: 'Interview - Jr. Web Developer', calendar: 'Work', color: 'orange' },
    { eventName: 'Demo New App to the Board', calendar: 'Work', color: 'orange' },
    { eventName: 'Dinner w/ Marketing', calendar: 'Work', color: 'orange' },

    { eventName: 'Game vs Portalnd', calendar: 'Sports', color: 'blue' },
    { eventName: 'Game vs Houston', calendar: 'Sports', color: 'blue' },
    { eventName: 'Game vs Denver', calendar: 'Sports', color: 'blue' },
    { eventName: 'Game vs San Degio', calendar: 'Sports', color: 'blue' },

    { eventName: 'School Play', calendar: 'Kids', color: 'yellow' },
    { eventName: 'Parent/Teacher Conference', calendar: 'Kids', color: 'yellow' },
    { eventName: 'Pick up from Soccer Practice', calendar: 'Kids', color: 'yellow' },
    { eventName: 'Ice Cream Night', calendar: 'Kids', color: 'yellow' },

    { eventName: 'Free Tamale Night', calendar: 'Other', color: 'green' },
    { eventName: 'Bowling Team', calendar: 'Other', color: 'green' },
    { eventName: 'Teach Kids to Code', calendar: 'Other', color: 'green' },
    { eventName: 'Startup Weekend', calendar: 'Other', color: 'green' }
  ];

---

我不是一个JS的家伙，任何人都可以告诉我如何将日期传递给这个日历

它只需稍加修改即可实现

接受minDate和maxDate作为构造函数的一部分并创建属性

修改

openDay

方法以检查

minDate

和

maxDate

修改

nextMonth

和

previmonth

方法以检查

maxDate

和

minDate

在这里工作

---

注意-我没有为超出最小-最大范围的灰显日期添加样式，但可以通过添加样式轻松完成。

只需稍加修改即可实现

接受minDate和maxDate作为构造函数的一部分并创建属性

修改

openDay

方法以检查

minDate

和

maxDate

修改

nextMonth

和

previmonth

方法以检查

maxDate

和

minDate

在这里工作

---

注意-我没有为超出最小-最大范围的灰显日期添加样式，但可以通过添加样式轻松完成。

此处随机设置日期

Calendar.prototype.drawMonth = function() {  //line no 54
    var self = this;

    this.events.forEach(function(ev) {
      ev.date = self.current.clone().date(Math.random() * (29 - 1) + 1);
    });
    ....

您可以像下面这样设置日期

ev.date = moment(new Date("10/5/2019"));

您可以向数据对象添加新属性（日期），如

var data = [
    { 
       eventName: 'Lunch Meeting w/ Mark', 
       calendar: 'Work', 
       color: 'orange',
       date: '10/5/2019'
 },

编辑：

更换这条线

ev.date = self.current.clone().date(Math.random() * (29 - 1) + 1); //line No. 58

与

---

这里的日期是随机设定的

Calendar.prototype.drawMonth = function() {  //line no 54
    var self = this;

    this.events.forEach(function(ev) {
      ev.date = self.current.clone().date(Math.random() * (29 - 1) + 1);
    });
    ....

您可以像下面这样设置日期

ev.date = moment(new Date("10/5/2019"));

您可以向数据对象添加新属性（日期），如

var data = [
    { 
       eventName: 'Lunch Meeting w/ Mark', 
       calendar: 'Work', 
       color: 'orange',
       date: '10/5/2019'
 },

编辑：

更换这条线

ev.date = self.current.clone().date(Math.random() * (29 - 1) + 1); //line No. 58

与

---

我如何将每个事件映射到它的日期，就像我正在寻找的那样，

{eventName:'午餐会议w/Mark'，日历：'Work'，颜色：'orange'，sDate:'01/2019'，eDate:'15/01/2019'}，

。。。。。。。。。。，。。。。。。。。。依此类推。您可以将

sDate

和

eDate

作为属性添加到

event

数组中，并更新

renderEvents

函数以显示它。

sDate

和

eDate

需要任何其他功能？不，我正在查看基本功能，以便按照日期显示事件。事件应按照sDate和eDate显示。确定。然后，您应该在

renderEvents

方法中循环

events

数组，并推送所有在单击日期内的事件。我如何将每个事件映射到它的日期，就像我正在寻找的

{eventName:'sunch Meeting w/Mark'，calendar:'Work'，color:'orange'，sDate:'01/01/2019'，eDate:'15/01/2019那样，

。。。。。。。。。。，。。。。。。。。。依此类推。您可以将

sDate

和

eDate

作为属性添加到

event

数组中，并更新

renderEvents

函数以显示它。

sDate

和

eDate

需要任何其他功能？不，我正在查看基本功能，以便按照日期显示事件。事件应按照sDate和eDate显示。确定。然后，您应该在

renderEvents

方法中循环

events

数组，并推送所有在单击日期内的事件。我如何将每个事件映射到它的日期，就像我正在寻找的那样{eventName:'sunch Meeting w/Mark'，calendar:'Work'，color:'orange'，sDate:'01/01/2019'，eDate:'15/01/2019}。。。。。。。。。。。， ..........,......... 以此类推……但我对单一日期做了……它真的需要开始和结束日期吗？我如何将每个事件映射到它的日期，就像我在寻找类似{eventName:'午餐会议w/Mark'，日历：'Work'，颜色：'橙色'，sDate:'01/01/2019'，eDate:'15/01/2019'}。。。。。。。。。。，。。。。。。。。。等等…但我只做了一次约会…真的需要开始和结束日期吗？