Question

我很难过。我有一个模板，呈现像这样的脆形式：

  <div class="box">
     {% crispy form%}              
  </div>

在同一个模板中，我有这个javaScript代码：

<script>
    $(function() {
    $( ".datepicker" ).datepicker({
    changeMonth: true,
    changeYear: true,

    });
  });
</script>

这个函数正在上一个类：“。datepicker”。这是我在forms.py中的代码：

class FacturaForm(ModelForm):

class Meta:
    model = Factura 
    exclude = ("importe_Total", "iva")
    widgets = {
        'descripcion' : forms.Textarea(attrs={'rows':3}),
        'fecha_factura': forms.DateInput(attrs={'class':'datepicker'}),
            }

这样我就试着在这个字段“fecha_factura”中使用一个日期选择器。但显然不起作用。这也是我在forms.py中的内容：

helper = FormHelper()
helper.form_method = 'POST'

helper.layout = Layout(
    'tipo_Factura',
    'nombre_cliente',
    'fecha_factura',
    'numero_De_Factura',
    'descripcion',
    PrependedText('importe_sin_iva', '$'),
    FormActions(Submit('Agregar', 'Agregar', css_class= 'btn-primary'))
    )

那么，任何想法如何使用javascript并显示漂亮的datepicker？

任何想法将不胜感激。谢谢。

Answer 1

我有同样的情况，我没有在meta中使用datepicker，而不是我在布局中使用的那个，它起作用，如下所示：

    self.helper.layout = layout.Layout(
        AppendedText('start', '<span class="glyphicon glyphicon-calendar"></span>', css_class="datepicker ", placeholder=_("Start")),

    )

将ID或类分配给Crispy-forms输入

1 个答案: