Метка и входное значение перекрываются с django -материалом и датчиком - PullRequest
0 голосов
/ 07 апреля 2020

Итак, идея в том, что мне нужно всплывающее окно, и в этом всплывающем окне должна быть форма, в которой вы должны выбрать дату, поэтому у всплывающего окна есть объект Form с TextField, который эмулирует a при вводе даты, чтобы использовать указатель даты материала, проблема связана с меткой этого ввода, которая перекрывается с самим вводом , как это .

Я пытался использовать javascript, чтобы добавить класс " active "к метке, когда вы щелкаете по входу, потому что именно это вызывает метку на go вверх, но она не распознает ее и не применяет класс.

html рендерит так:

<div class="input-field col s12 required" id="id_fecha_cobro_container">
    <i class="material-icons prefix">insert_invitation</i><input id="id_fecha_cobro" name="fecha_cobro" type="date">
    <label for="id_fecha_cobro">Fecha de Cobro</label>
</div>

Это модальное значение в django:

{% block change_form %}
    {% form %}
        {% part form.fecha_cobro prefix %}<i class="material-icons prefix">insert_invitation</i>{% endpart %}
    {% endform %}
    {% prepopulated_fields_js %}
{% endblock %}

Это класс формы:

class AvisoVacacionForm(forms.Form):
     fecha_cobro = forms.DateField(label="Fecha de Cobro", required=True, widget=forms.TextInput(attrs={'type': 'date'}))

     def __init__(self, *args, **kwargs):
         super(AvisoVacacionForm, self).__init__(*args, **kwargs)

Это то, что я пытался использовать javascript:

$('#id_fecha_cobro').click(function(){
    $("label[for='id_fecha_cobro']").addClass("active")
});
...