Добавить круги в jQuery ui-datepicker-calendar - PullRequest
Новая
       16

Добавить круги в jQuery ui-datepicker-calendar

0 голосов
/ 13 марта 2020

На моем веб-сайте я использовал дополнение jQuery datepicker для представления календаря.

Я хочу добавить к дням несколько кругов, которые будут симулироваться как легенда. Вот что я пытаюсь смоделировать:

enter image description here

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

Это класс для создания круг. 

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

Это моя базовая c страница календаря для выполнения некоторых тестов. 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>datepicker demo</title>
  <link rel="stylesheet" href="css/jquery-ui.css">
  <script src="lib/jquery-1.12.4.js"></script>
  <script src="lib/jquery-ui.js"></script>
</head>
<body>

<div id="datepicker"></div>

<script>
$( "#datepicker" ).datepicker();
</script>

</body>
</html>

Как добавить точечный класс в jQuery UI Datepicker?

...