如何在Django中使用attrs = {'type'：'date'，}在form.widgets.DateInput中添加占位符？

debugcn 发表于 Dev

穆里洛·西托尼奥

DateInput如果传递'type': 'date'给，则无法在表单内的小部件中添加占位符attrs。但是，如果我不传递'type': 'date'给attrs该字段，则其行为类似于TextInput。

看起来超级简单，但我不明白出了什么问题。

表格

class QueryClientsForm(forms.Form):
    initial_date = forms.DateField(
        widget=forms.widgets.DateInput(
            attrs={'placeholder': 'Initial date...', 'type': 'date', }))

query_clients.html

<div class="container h-50">
    <div class="row justify-content-center">
        <div class="register_card" style="display: inline-block;">
            <form method="POST" action="">
                {% csrf_token %}
                <div class="input-group">
                    {{form.initial_date}}
                    <input class="btn login_btn" type="submit" style="margin-left: 10;" value="SEARCH">
                </div>
            </form>
        </div>
    </div>
</div>

我也尝试使用一些东西，javascript但是没有用...

<script>

    var initial_date = document.getElementById('id_initial_date')

    initial_date.placeholder = 'Initial date...';
    
</script>

我要改变什么？

穆里洛·西托尼奥

我让它可以调整onfocus参数并将其更改type为text。

class QueryClientsForm(forms.Form):
    initial_date = forms.DateField(
        widget=forms.widgets.DateInput(
            attrs={'placeholder': 'Initial date...', 'type': 'text',
                   'onfocus': "(this.type='date')", }
        )
    )

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。