点击按颜色的一天

时间:2019-12-29 18:08:43

标签: javascript jquery

我需要帮助来单击具有js绿色背景的日期(日期)... 这是我在HTML上得到的:

Thanks for using JUnit! Support its development at https://junit.org/sponsoring

Test plan execution started. Number of static tests: 0
╷
├─ JUnit Jupiter
└─ JUnit Jupiter finished after 7 ms.
├─ JUnit Vintage
└─ JUnit Vintage finished after 2 ms.
Test plan execution finished. Number of all tests: 0

Test run finished after 42 ms
[         2 containers found      ]
[         0 containers skipped    ]
[         2 containers started    ]
[         0 containers aborted    ]
[         2 containers successful ]
[         0 containers failed     ]
[         0 tests found           ]
[         0 tests skipped         ]
[         0 tests started         ]
[         0 tests aborted         ]
[         0 tests successful      ]
[         0 tests failed          ]

我在这里尝试过:

    <td style="width: 50%" id="caldiv">
                        <div id="calendar" class="fc fc-ltr"><table class="fc-header" style="width:100%"><tr><td class="fc-header-left"><span class="fc-button fc-button-prev fc-state-default fc-corner-left fc-corner-right" unselectable="on" style="display: none;"><span class="fc-text-arrow">‹</span></span></td><td class="fc-header-center"><span class="fc-header-title"><h2>December 2019</h2></span></td><td class="fc-header-right"><span class="fc-button fc-button-next fc-state-default fc-corner-left fc-corner-right" unselectable="on"><span class="fc-text-arrow">›</span></span></td></tr></table><div class="fc-content" style="position: relative;"><div class="fc-view fc-view-month fc-grid" style="position:relative" unselectable="on"><div class="fc-event-container" style="position:absolute;z-index:8;top:0;left:0"></div><table class="fc-border-separate" style="width:100%" cellspacing="0"><thead><tr class="fc-first fc-last"><th class="fc-day-header fc-sun fc-widget-header fc-first" style="width: 51px;">Sun</th><th class="fc-day-header fc-mon fc-widget-header" style="width: 51px;">Mon</th><th class="fc-day-header fc-tue fc-widget-header" style="width: 51px;">Tue</th><th class="fc-day-header fc-wed fc-widget-header" style="width: 51px;">Wed</th><th class="fc-day-header fc-thu fc-widget-header" style="width: 51px;">Thu</th><th class="fc-day-header fc-fri fc-widget-header" style="width: 51px;">Fri</th><th class="fc-day-header fc-sat fc-widget-header fc-last">Sat</th></tr></thead><tbody><tr class="fc-week fc-first"><td class="fc-day fc-sun fc-widget-content fc-past fc-first" data-date="2019-12-01"><div style="min-height: 40px;"><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-past" data-date="2019-12-02"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content fc-past" data-date="2019-12-03"><div><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content fc-past" data-date="2019-12-04"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content fc-past" data-date="2019-12-05"><div><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-past" data-date="2019-12-06"><div><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-past fc-last" data-date="2019-12-07"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-past fc-first" data-date="2019-12-08"><div style="min-height: 39px;"><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-past" data-date="2019-12-09"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content fc-past" data-date="2019-12-10"><div><div class="fc-day-number">10</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content fc-past" data-date="2019-12-11"><div><div class="fc-day-number">11</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content fc-past" data-date="2019-12-12"><div><div class="fc-day-number">12</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-past" data-date="2019-12-13"><div><div class="fc-day-number">13</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-past fc-last" data-date="2019-12-14"><div><div class="fc-day-number">14</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-past fc-first" data-date="2019-12-15"><div style="min-height: 39px;"><div class="fc-day-number">15</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-past" data-date="2019-12-16"><div><div class="fc-day-number">16</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content fc-past" data-date="2019-12-17"><div><div class="fc-day-number">17</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content fc-past" data-date="2019-12-18"><div><div class="fc-day-number">18</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content fc-past" data-date="2019-12-19"><div><div class="fc-day-number">19</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-past" data-date="2019-12-20" style="color: rgb(255, 106, 106);"><div><div class="fc-day-number">20</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-past fc-last" data-date="2019-12-21" style="color: rgb(255, 106, 106);"><div><div class="fc-day-number">21</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-past fc-first" data-date="2019-12-22"><div style="min-height: 39px;"><div class="fc-day-number">22</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-past" data-date="2019-12-23"><div><div class="fc-day-number">23</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content fc-past" data-date="2019-12-24"><div><div class="fc-day-number">24</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content fc-past" data-date="2019-12-25"><div><div class="fc-day-number">25</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content fc-past" data-date="2019-12-26"><div><div class="fc-day-number">26</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-past" data-date="2019-12-27" style="color: rgb(255, 106, 106);"><div><div class="fc-day-number">27</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-past fc-last" data-date="2019-12-28" style="color: rgb(255, 106, 106);"><div><div class="fc-day-number">28</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-today fc-state-highlight fc-first" data-date="2019-12-29"><div style="min-height: 39px;"><div class="fc-day-number">29</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-future" data-date="2019-12-30" style="background-color: rgb(188, 237, 145); cursor: pointer;"><div><div class="fc-day-number">30</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content fc-future" data-date="2019-12-31" style="background-color: rgb(188, 237, 145); cursor: pointer;"><div><div class="fc-day-number">31</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content fc-other-month fc-future" data-date="2020-01-01" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content fc-other-month fc-future" data-date="2020-01-02" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-other-month fc-future" data-date="2020-01-03" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-other-month fc-future fc-last" data-date="2020-01-04" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week fc-last"><td class="fc-day fc-sun fc-widget-content fc-other-month fc-future fc-first" data-date="2020-01-05" style="background-color: rgb(255, 255, 255);"><div style="min-height: 41px;"><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-other-month fc-future" data-date="2020-01-06" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content fc-other-month fc-future" data-date="2020-01-07" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content fc-other-month fc-future" data-date="2020-01-08" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content fc-other-month fc-future" data-date="2020-01-09" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-other-month fc-future" data-date="2020-01-10" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">10</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-other-month fc-future fc-last" data-date="2020-01-11" style="background-color: rgb(255, 255, 255);"><div><div class="fc-day-number">11</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr></tbody></table></div></div></div>
                    </td>

有什么主意吗?

2 个答案:

答案 0 :(得分:1)

这应该可以解决您的要求。

// Select all day elements
const days = document.querySelectorAll('.fc-day')

// Search for the element with the right background color
for (let item of days) {
  if(item.style.backgroundColor === 'rgb(188, 237, 145)') {
    item.click()
  }
}

强烈建议您不要使用style在HTML文档中选择元素。我最好将data-selected属性或css类(例如).selected添加到这些绿色元素中,以使您的css查询更具表现力和可维护性。你可以做类似的事情

// Search all elements with data-selected="true"
const days = document.querySelectorAll('.fc-day[data-selected="true"]')
for (let item of days) {
    item.click()
}

答案 1 :(得分:0)

我建议使用class或data属性而不是样式(我希望您仅出于测试目的)。

下面的代码仅在可用时才警报选定的值(基于父容器中的可用类),单击侦听器的逻辑在函数中,因此您可以使用适合您需要的代码来更改警报,例如保存值输入...

查看更新的代码段:

var days = document.getElementsByClassName('fc-day-number');

var myFunction = function() {
    if(this.parentNode.parentNode.classList.contains("available")) {
       // your logic goes here
       alert(this.textContent);
    } 
    
};

for (var i = 0; i < days.length; i++) {
    days[i].addEventListener('click', myFunction, false);
}
<td style="width: 50%" id="caldiv">
    <div id="calendar" class="fc fc-ltr">
        <table class="fc-header" style="width:100%">
            <tr>
                <td class="fc-header-left"><span class="fc-button fc-button-prev fc-state-default fc-corner-left fc-corner-right" unselectable="on" style="display: none;"><span class="fc-text-arrow">‹</span></span>
                </td>
                <td class="fc-header-center"><span class="fc-header-title"><h2>December 2019</h2></span></td>
                <td class="fc-header-right"><span class="fc-button fc-button-next fc-state-default fc-corner-left fc-corner-right" unselectable="on"><span class="fc-text-arrow">›</span></span>
                </td>
            </tr>
        </table>
        <div class="fc-content" style="position: relative;">
            <div class="fc-view fc-view-month fc-grid" style="position:relative" unselectable="on">
                <div class="fc-event-container" style="position:absolute;z-index:8;top:0;left:0"></div>
                <table class="fc-border-separate" style="width:100%" cellspacing="0">
                    <thead>
                        <tr class="fc-first fc-last">
                            <th class="fc-day-header fc-sun fc-widget-header fc-first" style="width: 51px;">Sun</th>
                            <th class="fc-day-header fc-mon fc-widget-header" style="width: 51px;">Mon</th>
                            <th class="fc-day-header fc-tue fc-widget-header" style="width: 51px;">Tue</th>
                            <th class="fc-day-header fc-wed fc-widget-header" style="width: 51px;">Wed</th>
                            <th class="fc-day-header fc-thu fc-widget-header" style="width: 51px;">Thu</th>
                            <th class="fc-day-header fc-fri fc-widget-header" style="width: 51px;">Fri</th>
                            <th class="fc-day-header fc-sat fc-widget-header fc-last">Sat</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="fc-week fc-first">
                            <td class="fc-day fc-sun fc-widget-content fc-past fc-first" data-date="2019-12-01">
                                <div style="min-height: 40px;">
                                    <div class="fc-day-number">1</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-mon fc-widget-content fc-past" data-date="2019-12-02">
                                <div>
                                    <div class="fc-day-number">2</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-tue fc-widget-content fc-past" data-date="2019-12-03">
                                <div>
                                    <div class="fc-day-number">3</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-wed fc-widget-content fc-past" data-date="2019-12-04">
                                <div>
                                    <div class="fc-day-number">4</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-thu fc-widget-content fc-past" data-date="2019-12-05">
                                <div>
                                    <div class="fc-day-number">5</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-fri fc-widget-content fc-past" data-date="2019-12-06">
                                <div>
                                    <div class="fc-day-number">6</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-sat fc-widget-content fc-past fc-last" data-date="2019-12-07">
                                <div>
                                    <div class="fc-day-number">7</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr class="fc-week">
                            <td class="fc-day fc-sun fc-widget-content fc-past fc-first" data-date="2019-12-08">
                                <div style="min-height: 39px;">
                                    <div class="fc-day-number">8</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-mon fc-widget-content fc-past" data-date="2019-12-09">
                                <div>
                                    <div class="fc-day-number">9</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-tue fc-widget-content fc-past" data-date="2019-12-10">
                                <div>
                                    <div class="fc-day-number">10</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-wed fc-widget-content fc-past" data-date="2019-12-11">
                                <div>
                                    <div class="fc-day-number">11</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-thu fc-widget-content fc-past" data-date="2019-12-12">
                                <div>
                                    <div class="fc-day-number">12</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-fri fc-widget-content fc-past" data-date="2019-12-13">
                                <div>
                                    <div class="fc-day-number">13</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-sat fc-widget-content fc-past fc-last" data-date="2019-12-14">
                                <div>
                                    <div class="fc-day-number">14</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr class="fc-week">
                            <td class="fc-day fc-sun fc-widget-content fc-past fc-first" data-date="2019-12-15">
                                <div style="min-height: 39px;">
                                    <div class="fc-day-number">15</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-mon fc-widget-content fc-past" data-date="2019-12-16">
                                <div>
                                    <div class="fc-day-number">16</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-tue fc-widget-content fc-past" data-date="2019-12-17">
                                <div>
                                    <div class="fc-day-number">17</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-wed fc-widget-content fc-past" data-date="2019-12-18">
                                <div>
                                    <div class="fc-day-number">18</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-thu fc-widget-content fc-past" data-date="2019-12-19">
                                <div>
                                    <div class="fc-day-number">19</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-fri fc-widget-content fc-past" data-date="2019-12-20" style="color: rgb(255, 106, 106);">
                                <div>
                                    <div class="fc-day-number">20</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-sat fc-widget-content fc-past fc-last" data-date="2019-12-21" style="color: rgb(255, 106, 106);">
                                <div>
                                    <div class="fc-day-number">21</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr class="fc-week">
                            <td class="fc-day fc-sun fc-widget-content fc-past fc-first" data-date="2019-12-22">
                                <div style="min-height: 39px;">
                                    <div class="fc-day-number">22</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-mon fc-widget-content fc-past" data-date="2019-12-23">
                                <div>
                                    <div class="fc-day-number">23</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-tue fc-widget-content fc-past" data-date="2019-12-24">
                                <div>
                                    <div class="fc-day-number">24</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-wed fc-widget-content fc-past" data-date="2019-12-25">
                                <div>
                                    <div class="fc-day-number">25</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-thu fc-widget-content fc-past" data-date="2019-12-26">
                                <div>
                                    <div class="fc-day-number">26</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-fri fc-widget-content fc-past" data-date="2019-12-27" style="color: rgb(255, 106, 106);">
                                <div>
                                    <div class="fc-day-number">27</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-sat fc-widget-content fc-past fc-last" data-date="2019-12-28" style="color: rgb(255, 106, 106);">
                                <div>
                                    <div class="fc-day-number">28</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr class="fc-week">
                            <td class="fc-day fc-sun fc-widget-content fc-today fc-state-highlight fc-first" data-date="2019-12-29">
                                <div style="min-height: 39px;">
                                    <div class="fc-day-number">29</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-mon fc-widget-content fc-future available" data-date="2019-12-30" style="background-color: rgb(188, 237, 145); cursor: pointer;">
                                <div>
                                    <div class="fc-day-number">30</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-tue fc-widget-content fc-future available" data-date="2019-12-31" style="background-color: rgb(188, 237, 145); cursor: pointer;">
                                <div>
                                    <div class="fc-day-number">31</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-wed fc-widget-content fc-other-month fc-future" data-date="2020-01-01" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">1</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-thu fc-widget-content fc-other-month fc-future" data-date="2020-01-02" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">2</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-fri fc-widget-content fc-other-month fc-future" data-date="2020-01-03" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">3</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-sat fc-widget-content fc-other-month fc-future fc-last" data-date="2020-01-04" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">4</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr class="fc-week fc-last">
                            <td class="fc-day fc-sun fc-widget-content fc-other-month fc-future fc-first" data-date="2020-01-05" style="background-color: rgb(255, 255, 255);">
                                <div style="min-height: 41px;">
                                    <div class="fc-day-number">5</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-mon fc-widget-content fc-other-month fc-future" data-date="2020-01-06" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">6</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-tue fc-widget-content fc-other-month fc-future" data-date="2020-01-07" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">7</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-wed fc-widget-content fc-other-month fc-future" data-date="2020-01-08" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">8</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-thu fc-widget-content fc-other-month fc-future" data-date="2020-01-09" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">9</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-fri fc-widget-content fc-other-month fc-future" data-date="2020-01-10" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">10</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                            <td class="fc-day fc-sat fc-widget-content fc-other-month fc-future fc-last" data-date="2020-01-11" style="background-color: rgb(255, 255, 255);">
                                <div>
                                    <div class="fc-day-number">11</div>
                                    <div class="fc-day-content">
                                        <div style="position: relative; height: 0px;">&nbsp;</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</td>