1

我在这里问了一个问题，但我认为它已经死了。我什至用我的进步更新了它。因此，在那之后，我在 firefox 的 firebug 上进行了更多工作，并发现了一些对我来说毫无意义的错误。但在此之前我的代码是：（我的应用名称是ui）

用户界面/管理员.py

class MyModelAdmin(admin.ModelAdmin):
    class Media:
        css = {
                "all": ("style/jquery-ui.css",
                        "style/jquery-ui-timepicker-addon.css",)
            }
        js = ("js/jquery-ui.js",
              "js/jquery-ui-timepicker-addon.js",
              "js/tz_widget.js",)

    formfield_overrides = {
            models.DateTimeField : {'widget': TimezoneDate()},
        }

小部件.py

DATE_FORMAT = "%m-%d-%y"

class TimezoneDate(forms.widgets.Widget):

    def __init__(self, attrs=None):
        super(TimezoneDate, self).__init__(attrs)

    def render(self, name, value, attrs=None):

        if value is None:
            vstr = ''
        elif hasattr(value, 'strftime'):
            vstr = datetime_safe.new_datetime(value).stftime(DATE_FORMAT)
        else:
            vstr = value
        id = "%s" % name
        args = \
            "<input type=\"text\" value=\"%s\" name=\"%s\" id=\"date_time_tz\" />" % \
            (vstr, name)

        return mark_safe(u"\n".join(args))

这是 tz_widget.js ：

$(window).load(function(){
    $(function() {
        $('#date-time-tz').datetimepicker({
        dateFormat: $.datepicker.RFC_2822,
        timeFormat: 'hh:mm:ss z',
        showTimezone: true,
        timezoneList: [
            {"value": "0", "label": "UTC"},
            {"value": "+60", "label": "FRANCE"},
            {"value": "+330", "label": "INDIA"},
            {"value": "-240", "label": "US EAST"},
            {"value": "-420", "label": "US SF"}
        ]
    });       
});
});

因此，我想将 django 的默认日期时间小部件替换为jQuery UI datetime picker 现在id，输入字段中的 id 与 我将其作为独立文件运行时所date_time_tz包含的 id 相同，我将其包含在我的 html 文件中。有用。但在 django 中却没有。tz_widget.jstz_widget.jssrc

错误：

TypeError: $ is undefined tz_widget.js (Line 1) 这是：$(window).load(function(){

TypeError: $ is undefined js/jquery-ui-timepicker-addon.js（第 20 行），即：$.ui.timepicker = $.ui.timepicker || {};

我认为在这两个地方都产生同样的错误。我有点不知所措。这是 jQuery-UI-datetimepicker的链接。请指导一下？

**更新： **

我将此部分添加到源代码widget.py中但仍然没有小部件。HTML

class TimezoneDateForm(forms,Form):
    test = forms.DateTimeField(label="", widget=TimezoneDate())
4

1 回答 1

1

对于jQuery小部件，您需要jQuery.js在 html 标头中包含（或您拥有的任何名称）核心库文件。这

TypeError: $ is undefined ...

看起来好像你可能忘记了这样做。

该TimeZoneDate小部件声称该小部件已被调用

id=\"date_time_tz\"

但js正在尝试使用名为

$('#date-time-tz')

我建议改变一个或另一个，以便它们匹配！也许在小部件中；

id=\"date-time-tz\"
于 2013-07-12T08:33:38.377 回答