我的一些 Django 1.3 模型具有 DateField 属性。生成表单时，我想使用 jQuery UI Datepicker 而不是纯文本字段。我知道我可以创建新的小部件，但我不明白如何。另外，我不确定是否已经为 Django 做过类似的事情（我用谷歌搜索过，没有机会）。
如何为 jQuery UI Datepicker 创建一个可以跨多个模型（和页面）重用的 Django 小部件？
【问题讨论】：
标签： jquery python django django-widget
您应该查看DateInput - 您需要从中继承您的小部件。另请查看admin widgets - 附加了一些 JS。所以拿 DateInput，添加一些 JS 就完成了。
【讨论】：
JQueryUI 有一个非常好的日期 UI 选择器。 你可以在这里得到它：http://jqueryui.com
比如说你有以下表格：
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>
请注意myDate 前面是id_。 Django 透明地执行此操作，因此请确保您匹配它：id_myDate。
希望这对您有所帮助。
【讨论】：