如何将jQueryUIDatePicker用作Django小部件？_Jquery_Python_Django_Django Widget

如何将jQueryUIDatePicker用作Django小部件？

jquery python django

如何将jQueryUIDatePicker用作Django小部件？,jquery,python,django,django-widget,Jquery,Python,Django,Django Widget,我的一些Django 1.3模型具有DateField属性。生成表单时，我希望使用jQueryUIDatePicker，而不是纯文本字段。我知道我可以创建新的小部件，但我不知道如何创建。此外，我不确定Django是否已经做过类似的事情（我在谷歌上搜索过，没有机会）如何为jQueryUIDatePicker创建一个可以跨多个模型（和页面）重用的Django小部件？您应该看看-您需要从中继承您的小部件。另外，请看-附加了一些JS。因此，使用DateInput，添加一些JS，就完成了。JQueryU

我的一些Django 1.3模型具有DateField属性。生成表单时，我希望使用jQueryUIDatePicker，而不是纯文本字段。我知道我可以创建新的小部件，但我不知道如何创建。此外，我不确定Django是否已经做过类似的事情（我在谷歌上搜索过，没有机会）

如何为jQueryUIDatePicker创建一个可以跨多个模型（和页面）重用的Django小部件？

您应该看看-您需要从中继承您的小部件。另外，请看-附加了一些JS。因此，使用DateInput，添加一些JS，就完成了。

JQueryUI有一个非常好的日期用户界面选择器。你可以在这里找到它：

例如，假设您有以下表格：

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

在这里，您希望从模板中将JQuery日期小部件绑定到字段

我假设您正在将

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>


$（函数（）{
$（“#id_myDate”）.datepicker（）；
});
日期：

请注意，

myDate

前面有

id

。Django以透明的方式执行此操作，因此请确保将其匹配为：

id\u myDate

希望这对你有帮助

您能告诉我，如果我使用的是模型表单而不是，如何呈现日期选择器吗？我尝试了这个方法，并且我还必须添加name=“myDate”才能使其正常工作。@user2086641我认为您应该从模型表单中排除myDate字段（google it，这很简单），并按照答案所示手动将其放置在页面中。@dave:FYI，您的链接已断开