日历视图有时在html5中不起作用

时间:2015-08-16 16:29:20

标签: javascript jquery django html5 calendar

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

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

问题在于它始终不起作用。在某些页面中,日历视图显示正确,但在其他几个页面中则没有。我已经正确地把这个班级&#39; vDateField&#39; django中所有表单中的DateField属性如下:

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

那么,为什么它有时无效呢?

非常感谢你!

1 个答案:

答案 0 :(得分:0)

尝试将代码包装在$(document).ready中 e.g。

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