日历按钮行为不佳

Question

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

我将此日历放入已经具有“提交”按钮的表单内。 我遇到的问题是我的日历按钮提交了我的表单，而不是显示日历小部件。 日历图标和按钮正确显示，我可以从Firebug中看到它具有正确的代码，仅此而已。

我真正需要的是带有ModelForm的简易日历。 我不太在乎使用JSCal2而不是使任何日历都能工作。

为什么我的calbutton提交我的表格？ 如何使其显示小部件并正常工作？ 还有其他建议可以轻松获取有效的日历吗？

-------------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

您的按钮可能只需要一个type属性，因此它不能充当提交按钮。 在除IE之外的所有浏览器中，按钮标记的默认类型均为“提交”。

如何防止按钮提交表单

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