Как создать слайдер диапазонов в django?

Я хочу такой слайдер в django

Я много искал, но не могу найти этот конкретный слайдер, любая помощь будет оценена по достоинству.

Итак, фронтенд-задача отображения слайдера может быть решена с помощью 3 шагов по вашей ссылке W3 Schools.

Однако в случае с django я предполагаю, что вы также захотите сохранять пользовательский ввод?

Вы захотите:

  1. Создайте новый класс или добавьте новый атрибут к существующему классу модели django в вашем файле models.py. Документация
    2. .
  2. Затем вам нужно будет захватить пользовательский ввод, чтобы, когда пользователь меняет ползунок, это обновляло атрибут в базе данных. Это уже сделано в шаге 3 вашего связанного документа в W3 Schools. Вам стоит почитать о django forms если вы хотите, чтобы слайдер обновлялся без перезагрузки страницы, вы захотите использовать что-то под названием AJAX или HTMX (рекомендуется для современной веб-разработки django)
    3. .
  3. Вы, вероятно, захотите, чтобы слайдер загружался каждый раз, когда пользователь обновляет страницу, с последней точкой в том диапазоне, в котором пользователь в последний раз покинул его. Что-то вроде этого будет работать:

<div class="slidecontainer"> <input type="range" min="1" max="100"value="{{your_model.chosen_slider_value}}" class="slider" id="myRange"></div>

Вернуться на верх