Показывать временные интервалы после нажатия на календарь дат ⇐ Jquery

[Anonymous]

У меня есть два поля в модели Django: поле даты и поле времени.

Код: Выделить всё

class Appointment(models.Model):
section = models.ForeignKey(
'Section',
verbose_name=_('Section'),
related_name='section_appointments',
null=True,
blank=True,
on_delete=models.CASCADE
)
doctor = models.ForeignKey(
'Doctor',
verbose_name=_('Doctor'),
related_name='doctor_appointments',
null=True,
blank=True,
on_delete=models.CASCADE
)
name = models.CharField(
verbose_name=_('Full Name'),
max_length=255
)
email = models.EmailField(
verbose_name=_('Email Address'),
max_length=255,
blank=True,
validators=[EmailValidator(message=_("Enter a valid email address."))]
)
date = models.DateField(
verbose_name=_('Appointment Date')
)
time = models.TimeField(
verbose_name=_('Appointment Time')
)
created_at = models.DateTimeField(
auto_now_add=True
)

эта модель используется в качестве мастера форм, состоящего из 3 форм (выберите раздел и врача, затем выберите дату и время, затем заполните необходимую информацию о пациенте, чтобы назначить прием). )
когда я перехожу к шагу -2- дата и время, я хочу показать календарь с предопределенными датами (из профиля врача), а также с конкретными временными интервалами для каждой даты, как показать время слоты после выбора даты из календаря, есть ли какой-нибудь плагин JS для того же пользовательского интерфейса? или если я хочу создать его с нуля, как это сделать?
Я прикрепил скриншот того, что я описал


любое предложение по поводу внешнего интерфейса будет высоко оценено.

Подробнее здесь: https://stackoverflow.com/questions/786 ... e-calendar