如何将 JQuery Datepicker 与 Django 模板语言结合使用

2024-01-11

看着这个链接 https://stackoverflow.com/questions/9594081/how-to-use-jquery-ui-datepicker-as-a-django-widget并找到了一些帮助,但我想知道如何选择对 models.py 中的 DateField 使用 JQueryUI Datepicker 小部件

模型.py


from django.db import models

class EModel(models.Model):

    date = models.DateField(blank=False)

forms.py


from django import forms
from models import EModel

class EForm(forms.ModelForm):
    class Meta:
        model = EModel

表单.html- Django 如何呈现我的表单。不在管理页面

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Form</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
</head>
<body>
    <form action="" method="post">{% csrf_token %}
        {{ form.date }} <!-- ***** -->
        <!-- The rest of my form -->
    </form>
</body>

我希望有一种方法可以使我的“日期”模型字段呈现为 JQueryUI Datepicker 小部件,但我四处搜索并发现无法链接这两者(在我的情况下)。

SOLUTION








在我的 forms.py 中

from django import forms
from models import EModel

class EForm(forms.ModelForm):
    class Meta:
        model = EModel
        widgets = {
            'date' : forms.DateInput(attrs={'type':'date'})
        }

在模型表单中编辑日期小部件属性,为它们指定“.datepicker”类,因为这就是 JQuery 日期选择器将查找的内容。所以你的 ModelForm 变成:

class EForm(forms.ModelForm):
    class Meta:
        model = EModel
        widgets = {'date': DateInput(attrs={'class': 'datepicker'})}

文档here https://docs.djangoproject.com/en/dev/topics/forms/modelforms/#overriding-the-default-fields.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将 JQuery Datepicker 与 Django 模板语言结合使用 的相关文章

随机推荐

  • 运行我的第一个 java 应用程序时出现 InvalidModuleDescriptorException

    我已经开始学习 Java 并在尝试运行我的第一个程序时遇到了问题 如下所示 public class HelloWorld public static void main String args TODO Auto generated me
  • Rcpp:无法打开共享对象文件

    我正在尝试开发一个 R 包 它利用阵列火 https github com arrayfire arrayfire 感谢 Rcpp 库 我已经开始编写示例代码 让我们将其命名为你好世界 cpp 看起来像这样 include
  • SQLAlchemy 按字段排序()

    我试图按字段对 SQLAlchemy ORM 对象进行排序 但使用特定的值顺序 既不是升序也不是降序 如果我在 MySQL 上执行此查询 它看起来像 SELECT letter FROM alphabet table WHERE lette
  • 在字典中存储函数 [Python]

    我目前正在构建一个应用程序 我需要迭代一系列基本执行相同操作的步骤 从而节省很少量的代码 约 15 行 步骤的数量将根据项目的配置方式而有所不同 因此对我来说为每个潜在实例创建单独的函数似乎有点愚蠢 在 JavaScript 中 我会做这样
  • 以编程方式更改 ASP.NET GridView 中列的样式(填充)

    我需要更改 ASP NET GridView 中一列的填充 而外部 CSS 文件中定义的所有其他 CSS 属性应保持不变 我该怎么做 提前致谢 更新 下面是我解决问题的代码 protected void gvwMaster RowDataB
  • Mac Kiosk 模式 API - 防止用户退出

    我正在编写一个 Mac 10 6 10 7 应用程序 该应用程序在允许用户访问计算机之前对 Active Directory 域对用户进行身份验证 我被告知不能允许用户通过传统登录服务登录 我已准备好身份验证代码 现在正在尝试使此登录窗口全
  • 在nosetests中有条件跳过TestCase装饰器

    有没有办法跳过整个TestCase基于使用鼻子测试的自定义条件 我的意思是unittest skip style I tried import unittest unittest skip No reason class TestFoo o
  • 如何在我的 fcm 消息中使用图像和 vibrate_timings

    我希望我的 FCM 通知包含自定义图像和振动模式 Firebase 提供的 AndroidNotification 类作为示例具有这两个变量 但我还没有看到任何方法让它工作 我尝试通过 C 类 AndroidNotification 将这两
  • 如何使滚动超过某个点后出现浮动菜单? [复制]

    这个问题在这里已经有答案了 我想让四个菜单选项卡在您滚动经过页面上的某个点 例如 1000px 后出现 我希望它们出现时从左向右滑入 这就是我想要的 但位于浏览器的左侧 任何意见都会受到赞赏 首先 您需要从跟踪页面的滚动开始 其次 您需要在
  • 重定向到 ASP.NET Core 的自定义“访问被拒绝”页面

    我正在编写一个使用 Windows 身份验证的 ASP NET Core 1 0 网站 我已经实现了授权并且正在按预期工作 目前 当给定用户的身份验证失败时 会显示通用的 HTTP 403 错误页面 如何配置 ASP NET Core 以便
  • 如何在 .NET 4.0 中使用代码契约而不让我的代码看起来混乱?

    我已经开始使用代码契约 并发现很难立即发现方法的 本质 以这个 非常简单 为例 public static void UserAddNew string domain string username string displayName C
  • 删除查询字符串和参数

    由于不值得在这里讨论的原因 Google 一直在为我的一个网站编制索引 其中 URL 中包含不必要的查询字符串 这些字符串是wordfence lh hid and wordfence logHuman 我想修改我的 htaccess文件以
  • Laravel 5 Seeder - 数据库中的多行

    我想知道是否可以像这样插入多行 或类似的东西
  • 我网站中所有页面的网站图标

    我了解到为网页添加网站图标的方法是在页面中添加以下几行 我应该在我网站的每个页面中添加此代码吗 我使用 Apache tomcat 集群来提供页面服务 还有其他简单的方法可以做到这一点吗 通常将一个名为 favicon ico 的文件放在网
  • 如何查看 Node.js Cloud Function 环境的文件系统性质?

    当我将 Cloud Function 部署到 GCP 用 Node js 编写 时 如何查看我的文件系统环境以进行调试 如果我想知道我当前的目录是什么或者我的应用程序旁边有哪些文件怎么办 当我们部署 Cloud Function 时 就会出
  • redux-observable 史诗,不发送任何新操作

    可能我是一个菜鸟 还没有完全理解这些东西应该如何工作 但是我在 redux observable 中有一个史诗 我想用它来创建一个承诺 它将分派一个动作并等待一个解决之前采取不同的行动 我通过将操作映射到来使其工作 IGNORE 但我真的不
  • 将 JSON 对象数组映射到 java.util.Map,反之亦然

    问题是如何将 JSON 对象数组映射到java util Map其中每个键都是对象的某个指定属性 值是对象本身 JSON items field1 1 field2 Hello field1 2 field2 World Java POJO
  • 扭曲的http客户端

    我正在寻找一个描述 Twisted 的 HTTP 客户端用法的示例 看完优秀的关于 Twisted 内部结构的博客文章 http krondo com blog page id 1327 我了解 工厂 和 协议 组件如何发挥作用 但我不清楚
  • 在键盘上方显示整个底部工作表并使用 EditText

    我正在实现一个 UI 其中底部工作表将出现在键盘上方 并带有一个 EditText 供用户输入值 问题是视图与键盘部分重叠 覆盖了底部工作表的底部 这是底页 没有键盘 这是显示键盘的底页 确保显示整个底页的最佳方法是什么 Thanks 只是
  • 如何将 JQuery Datepicker 与 Django 模板语言结合使用

    看着这个链接 https stackoverflow com questions 9594081 how to use jquery ui datepicker as a django widget并找到了一些帮助 但我想知道如何选择对 m