日历视图有时不能在html5中工作

Calendar view doesn't work in html5 sometimes

本文关键字：html5 工作 不能 视图 日历      更新时间：2023-09-26

我正在创建一个应用程序在django和我有下一个问题。我在应用程序中有一些搜索表单，其中一些有'DateField'类型的字段。此外，我还实现了一个jQuery函数，当用户单击这些日期字段时显示日历视图。代码是下一个:

<script>
    $(function() {
       $( ".vDateField" ).datepicker({ dateFormat: 'yy-mm-dd' }).val();
    });
</script>

问题是它并不总是有效。在某些页面中，日历视图正确显示，但在其他一些页面中则没有。我把'vDateField'类正确地放在django中所有表单的DateField属性中，如下所示:

 self.fields['date'].widget.attrs = {'class': 'vDateField'}

那么，为什么它有时不起作用呢?

非常感谢!

尝试将您的代码包装在$(document).ready中例如

<script>
$(document).ready(function(){ 
    $(function() {
       $( ".vDateField" ).datepicker({ dateFormat: 'yy-mm-dd' }).val();
    });
});
</script>
相关文章：