Bootstrap DatePicker выделяет две даты

В средстве выбора даты начальной загрузки я хочу выделить две даты. Я могу выделить две даты, но не могу различить две даты по цвету или какому-то классу, он применяет один и тот же синий цвет для обеих дат, может ли кто-нибудь помочь

  <script type="text/javascript" src="Scripts/bootstrap.js"></script>
<script type="text/javascript" src ="Scripts/bootstrap-datepicker.js"></script>
 <script type="text/javascript" >
       $(document).ready(function () {
       var DD = "29";
       var MM = "04";
       var YY = "2014";
       var CaseDD = "25";
       var CaseMM = "04";
       var CaseYY = "2014";

  $('#calendar').datepicker({
               format: "dd/mm/yyyy",
               multidate: true,
               multidateSeparator: "/",
               autoclose: true,
               showOtherMonths: true,
               dayNamesMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
               beforeShowDay: highlightDays()
           });
           $('#calendar').datepicker('setDate', new Date(YY, MM, DD), new Date(CaseYY, CaseMM, CaseDD));
       });


        <div class="container">
       <div id="calendar" style="margin-left:-10px;border:1px solid  #E1E1E1;width:203px;"> </div>
   </div>
  </form>
</body>

jquery twitter-bootstrap-3 bootstrap-datepicker
person user1004453    schedule 16.06.2014    source источник
comment
добавьте свой html, а также!   -  person nolawi    schedule 16.06.2014

Ответы (1)


arrow_upward
0
arrow_downward

Я понимаю, что это немного поздно, но я нашел этот вопрос, пытаясь решить ту же проблему.

Самый простой способ сделать это — применить отдельный класс к каждому всплывающему дню, а затем использовать этот класс для выделения нужных дней. Параметр «beforeShowDay» средства выбора даты позволяет вам возвращать строку, которая добавляется как класс к каждому появляющемуся элементу даты (). getMonth() имеет индекс 0, поэтому мы добавляем к нему 1.

Если бы я не был ленив, возможно, было бы разумнее расширить средство выбора даты методом, который позволил бы реализовать такую ​​функциональность.

beforeShowDay: function(date) {
   fulldate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
   console.log(fulldate);
   return fulldate;
} 
//you can now reference individual date td date segments as $("2018-5-30")
//you can also modify the code above to only apply the class to the dates you want, or change what class you apply
person Irfan jamal    schedule 30.05.2018