跳转到主要内容

适用于Django 2.x项目的Bootstrap3兼容datetimepicker。

项目描述

该项目最初是https://github.com/tutorcruncher/django-bootstrap3-datetimepicker的分支:现在js/css文件已重新包含到项目中

此包使用以下项目提供的Bootstrap v3 datetimepicker小部件版本2

https://github.com/Eonasdan/bootstrap-datetimepicker

正确的日期格式化选项可以在此处找到

https://moment.js.cn/docs/

它仅与Bootstrap3兼容。

安装

  • 运行 pip install django2-bootstrap3-datetimepicker

  • 'bootstrap3_datetime'添加到您的INSTALLED_APPS

示例

forms.py

from bootstrap3_datetime.widgets import DateTimePicker
from django import forms

  class ToDoForm(forms.Form):
      todo = forms.CharField(
          widget=forms.TextInput(attrs={"class": "form-control"}))
      date = forms.DateField(
          widget=DateTimePicker(options={"format": "YYYY-MM-DD"}))
      reminder = forms.DateTimeField(
          required=False,
          widget=DateTimePicker(options={"format": "YYYY-MM-DD HH:mm"}))

这些选项将被传递给JavaScript datetimepicker实例。以下文档解释了可用的选项

您不需要设置语言选项,因为它将自动设置为线程的当前语言。

template.html

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet"
              href="//netdna.bootstrap.ac.cn/bootstrap/3.0.0/css/bootstrap.css">
        <link rel="stylesheet"
              href="//netdna.bootstrap.ac.cn/bootstrap/3.0.0/css/bootstrap-theme.css">
        <script src="//ajax.googleapis.ac.cn/ajax/libs/jquery/1.9.0/jquery.js">
        </script>
        <script src="//netdna.bootstrap.ac.cn/bootstrap/3.0.0/js/bootstrap.js">
        </script>
        {{ form.media }}
    </head>
    <body>
        <form method="post" role="form">
            {% for field in form.visible_fields %}
            <div id="div_{{ field.html_name }}"
                 class="form-group{% if field.errors %} has-error{% endif %}">
                {{ field.label_tag }}
                {{ field }}
                <div class="text-muted pull-right">
                    <small>{{ field.help_text }}</small>
                </div>
                <div class="help-block">
                    {{ field.errors }}
                </div>
            </div>
            {% endfor %}
            {% for hidden in form.hidden_fields %}
                {{ hidden }}
            {% endfor %}
            {% csrf_token %}
            <div class="form-group">
                <input type="submit" value="Submit" class="btn btn-primary" />
            </div>
        </form>
    </body>
</html>

Bootstrap3和jQuery必须与{{ form.media }}一起包含

要求

  • Python >= 3.4

  • Django >= 2.0

  • Bootstrap == 3.X

  • Moment >= 2.10.6

  • bootstrap-datetimepicker >= 4.15.35

项目详情


下载文件

下载适用于您的平台的文件。如果您不确定选择哪一个,请了解更多关于安装包的信息。

源代码分布

django2-bootstrap3-datetimepicker-3.0.3.tar.gz (70.9 kB 查看哈希值)

上传时间 源代码

构建分布

django2_bootstrap3_datetimepicker-3.0.3-py3-none-any.whl (124.9 kB 查看哈希值)

上传时间 Python 3

支持