Question

这是初学者级别的任务。我正在尝试使用以下方法在django中实现日历小部件例如：http://djangosnippets.org/snippets/1629/

我将此日历放在已有提交按钮的表单中。我遇到的问题是我的日历按钮提交我的表单而不是显示日历小部件。日历图标和按钮显示正常，我可以看到它有来自firebug的正确代码，但就是这样。

我真正需要的是一个与ModelForm一起使用的简易日历。我不非常关心使用JSCal2和使日历工作一样。

为什么我的按键提交表单？如何让它显示小部件并正常工作？还有其他任何可以轻松获得工作日历的建议吗？

------------- widgets.py ---------------------

calbtn = u"""<input id="calendar-inputField" /><button id="calendar-trigger"> <img src="%simages/calbutton.gif" alt="calendar" id="%s_btn"
style="cursor: pointer; height="20"; width="20"; border: 1px solid #8888aa;" title="Select date and
time"
            onmouseover="this.style.background='#444444';"
            onmouseout="this.style.background=''" />
</button>
<script type="text/javascript">
    Calendar.setup({
        trigger    : "calendar-trigger",
        inputField : "calendar-inputField"
        inputField     :    "%s",
        ifFormat       :    "%s",
        button         :    "%s_btn",
        singleClick    :    true,
        showsTime      :    true
        onSelect   : function() { this.hide() }
    });
</script>"""

class DateTimeWidget(forms.widgets.TextInput):
    dformat = '%Y-%m-%d %H:%M'
    def render(self, name, value, attrs=None):
        # Same as the example   ...

    def value_from_datadict(self, data, files, name):
        # Same as the example   ...

    class Media:
        css = {            
            'all': ('/static/calendar/gold.css', )    
        }
        js = ('/static/calendar/jscal2.js',
              '/static/calendar/en.js',
              )

------------- forms.py ----------------

class CustMainForm(ModelForm):
  lastName = forms.CharField(max_length=20)
  firstName = forms.CharField(max_length=20)

  class Meta:
      model = Customer
      fields = ('notes', 'saleDate' )
      widgets = {
          'notes': Textarea(attrs={'cols': 80, 'rows': 20}),
          'saleDate' : DateTimeWidget(),  # shown above
      }

Answer 1

您的按钮可能只需要一个类型属性，因此它不会像提交按钮那样运行。在IE浏览器中，按钮标签的默认类型为“提交”。

How to prevent buttons from submitting forms

http://www.w3schools.com/tags/tag_button.asp

日历按钮表现很差

1 个答案: