用于django2/dpac项目的与bootstrap3兼容的datetimepicker。

dpac-datetimepicker的Python项目详细描述


此包使用由以下项目提供的引导v3 DateTimePicker小部件版本2:
https://github.com/Eonasdan/bootstrap-datetimepicker
可在此处找到日期的正确格式选项:
http://momentjs.com/docs/

它只适用于bootstrap3。如果您在 Django项目,看看这个: https://github.com/zokis/django-bootstrap-datetimepicker

安装

  • 运行pip install django-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",
                                       "pickTime": False}))
    reminder = forms.DateTimeField(
        required=False,
        widget=DateTimePicker(options={"format": "YYYY-MM-DD HH:mm",
                                       "pickSeconds": False}))

options将传递给javascript datetimepicker 实例。可用的options解释如下 文档:

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

template.html

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet"
              href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.css">
        <link rel="stylesheet"
              href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.css">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.js">
        </script>
        <script src="//netdna.bootstrapcdn.com/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 }}

发行说明

2.3版

  • 将bootstrap-datetimepicker.js更新到3.0版

2.2.3版

  • 将bootstrap-datetimepicker.js更新为2.1.30版

2.2.3版

  • 将bootstrap-datetimepicker.js更新为2.1.30版

2.0.0版

  • 包括bootstrap-datetimepicker.js版本2.1.11和moment.js
  • 由于使用moment.js,格式字符串已更改

要求

  • python=2.4
  • django>;=1.3
  • 引导程序=3.0

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
javascript从另一个web应用服务器端打开web应用   java客户端中的while循环有什么问题?   java哪个类在运行时实现接口的方法   java如何显示提醒或提醒用户用户名已存在   java如何在两个消费群体之间进行Kafka同步   java为什么在while循环完成后我会得到两个重复的输出?   java捕获控制台显示(输入和输出)   java WELD001409:类型T的不明确依赖项,带有限定符@Default   java更新文档树中的XML属性值   OAuthJava关于谷歌日历API v3   java Spring Data Couchbase示例无法解析存储库实例   java这个数组的代码有什么问题?   java根据JDBC计算Vertica表中的行数   eclipse中的java“一个或多个选定库已在生成路径上”错误   JavaSpringSecurity5.1.5和WebFlux用户禁用不工作   使用gradle eclipse插件指定JRE容器   java如何在gradle Springboot REST应用程序中将heroku连接到mongodb?   java我的计算器不乘或除数字   带有Jsoup的java iASE动态网站