Начальная дата выбора - PullRequest
0 голосов
/ 02 июня 2018

Мне нужно обновить календарь с какой-то выделенной датой, он изначально подсвечивается, если я вызываю функцию Highlight(), где он не выделяется, когда я нажимаю кнопку и пытаюсь выделить.В чем может быть проблема.

function Highlight() {
  jQuery_cal('.calendar').datepicker('remove');
  var eventDates = {};
  eventDates[new Date('06/04/2018')] = new Date('06/04/2018');
  eventDates[new Date('06/06/2018')] = new Date('06/06/2018');
  eventDates[new Date('06/20/2018')] = new Date('06/20/2018');
  eventDates[new Date('06/25/2018')] = new Date('06/25/2018');
  setUPRecordingCalendar(eventDates);

}

setUPRecordingCalendar({});
//Highlight();


function setUPRecordingCalendar(eventDates) {

  // datepicker
  jQuery_cal('#calendar').datepicker({
    beforeShowDay: function(date) {
      var highlight = eventDates[date];
      if (highlight) {
        return [true, "event", highlight];
      } else {
        return [true, '', ''];
      }
    }
  });
}
.event a {
  background-color: #42B373 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.ui-datepicker {
  font-size: 12px;
  margin: 0 0 0 20px;
}
<html>

<body>

  <script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>

  <link rel='stylesheet prefetch' href='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css'>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script>
  <script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'></script>

  <script type="text/javascript">
    var jQuery_cal = $.noConflict(true);
  </script>

  <div id="demo">
    <div style="width:300px;height:225px;" id="calendar"> </div>
  </div>
  <button onclick="Highlight()"> Highlight</button>


</body>

</html>

Вот ссылка на скрипку https://jsfiddle.net/20tszxbz/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...