html5 范围滑块的 Django 模型字段

Question

我正在寻找 Django 模型字段来呈现 HTML5 范围滑块，例如：

<input type="range" min="1" max="100" value="50">

这个问题接近于Which Django Form Field can Provide me a HTML output of <input type="range" />? 但它要求提供一个表单，我可以在其中搜索 Django Admin 的管理字段。

此外，此讨论还展示了如何在表单中使用 IntegerField 作为范围滑块： https: //code.djangoproject.com/ticket/20674

长话短说，我可以在 Django Admin 中使用表单，还是已经有一个特定的范围字段？

Answer 1

您可以实现一个小部件，就像 Django 实现小部件一样。例如NumberInputwidget\xc2\xa0 ^[GitHub]看起来像：

\n

\n

class NumberInput(Input):\n    input_type = \'number\'\n    template_name = \'django/forms/widgets/number.html\'\n

\n

\n

我们可以自己做这件事，例如：

\n

# app_name/widgets.py\n\nfrom django.forms.widgets import NumberInput\n\nclass RangeInput(NumberInput):\n    input_type = \'range\'\n

\n

那么你可以使用这个小部件：

\n

# app_name/forms.py\n\nfrom app_name.widgets import RangeInput\n\nclass MyForm(forms.Form):\n    myint = forms.IntegerField(widget=RangeInput)\n

\n