如何使用jQuery UI Datepicker作为Django小部件?

前端之家收集整理的这篇文章主要介绍了如何使用jQuery UI Datepicker作为Django小部件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的一些Django 1.3模型有DateField属性.当生成表单时,我想使用jQuery UI Datepicker而不是纯文本字段.我明白我可以创建新的小部件,但我不明白如何.此外,我不知道这样的事情是否已经为Django做了(我没有机会).

如何创建一个Django Widget,我可以在多个模型(和页面)上重用jQuery UI Datepicker?

解决方法

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.

希望这可以帮助你.

原文链接:https://www.f2er.com/jquery/179943.html

猜你在找的jQuery相关文章