Question

JS如何实现日期多选的功能

我现在要做一个页面，用户选择年，月后，页面显示当月日历，用户可以在日历中选择多个日期，请问如何实现选择多个日期呢？

Answer 1

只能自己用div实现一个日历了，然后就能随便控制了。

示例如下：

<style>
* {
  box-sizing: border-box;
}

.calendar {
  width: 300px;
}

.row .day {
  width: 20%;
  height: 30px;
  padding: 5px;
  border: 1px solid blue;
  background: #9af;
  float: left;
  text-align: center;
  color: #e09;
}
</style>
<div class="calendar">
  <div class="row">
    <div class="day">1</div>
    <div class="day">2</div>
    <div class="day">3</div>
    <div class="day">4</div>
    <div class="day">5</div>
    <div class="day">6</div>
  </div>
  <div class="row">
    <div class="day">7</div>
    <div class="day">8</div>
    <div class="day">9</div>
    <div class="day">10</div>
    <div class="day">11</div>
    <div class="day">12</div>
  </div>
  <div class="row">
    <div class="day">13</div>
    <div class="day">14</div>
    <div class="day">15</div>
    <div class="day">16</div>
    <div class="day">17</div>
    <div class="day">18</div>
  </div>
  <div class="row">
    <div class="day">19</div>
    <div class="day">20</div>
    <div class="day">21</div>
    <div class="day">22</div>
    <div class="day">23</div>
    <div class="day">24</div>
  </div>
  <div class="row">
    <div class="day">25</div>
    <div class="day">26</div>
    <div class="day">27</div>
    <div class="day">28</div>
    <div class="day">29</div>
    <div class="day">30</div>
  </div>
</div>

Answer 2

有日期控件  但要提示一下要加ctrl键

Answer 3

果断用插件
或者他选择哪个你给哪个添加一个class

追问

有没有推荐的插荐，或者例子？不好意思，我还是小白阶段~~