gpt4 book ai didi

jquery - 如何将 jQuery UI Datepicker 用作 Django Widget?

转载 作者:太空狗 更新时间:2023-10-29 17:32:29 25 4
gpt4 key购买 nike

我的一些 Django 1.3 模型具有 DateField 属性。生成表单时,我想使用 jQuery UI Datepicker 而不是纯文本字段。我知道我可以创建新的小部件,但我不知道如何创建。此外,我不确定是否已经为 Django 做过这样的事情(我用谷歌搜索过,没有机会)。

如何为 jQuery UI Datepicker 创建一个我可以跨多个模型(和页面)重用的 Django 小部件?

最佳答案

JQueryUI 有一个非常好的日期 UI 选择器。你可以在这里得到它:http://jqueryui.com

例如,您有以下形式:

class DateForm(forms.Form):
myDate = forms.DateField()

从这里您希望将 JQuery 日期小部件从您的模板中绑定(bind)到您的字段。

我在这里假设您将 DateForm 传递给您的模板,并且您的 JQuery 路径是正确的。

<head>
<link rel="stylesheet" href="/themes/base/jquery.ui.all.css">
<script src="/jquery.js"></script>
<script src="/ui/jquery.ui.core.js"></script>
<script src="/ui/jquery.ui.widget.js"></script>
<script src="/ui/jquery.ui.datepicker.js"></script>
<script>
$(function() {
$( "#id_myDate" ).datepicker();
});
</script>
</head>
<body>

<p>Date: <input type="text" id="id_myDate"></p>

</body>

请注意 myDate 前面有 id_。 Django 透明地执行此操作,因此请确保您将其匹配为:id_myDate

希望对您有所帮助。

关于jquery - 如何将 jQuery UI Datepicker 用作 Django Widget?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9594081/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com