javascript - 日历 View 有时在 html5 中不起作用

标签 javascript jquery django html calendar

我正在 Django 中创建一个应用程序,我遇到了下一个问题。我在应用程序中有一些搜索表单,其中一些有“DateField”类型的字段。此外,我还实现了一个 jQuery 函数来在用户单击这些日期字段时显示日历 View 。代码如下:

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

问题是它并不总是有效。在某些页面中,日历 View 显示正确,但在其他一些页面中则没有。我已经将类“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>

关于javascript - 日历 View 有时在 html5 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32037420/

相关文章:

javascript - 如何将 js 包含到 php/html 页面

javascript - 如何使用 w3c 验证器 API

python - django - 匹配 url 安全 base64 字符串的 url 模式

python - Django - 如何在同一字典中获得模型中选择字段的计数

python - Django应用程序的数据库设计

包含美国运通卡号的 JavaScript RegEx 格式字符串

javascript - Google maps geocode API V3 未在 javascript 函数中返回结果

javascript - React 中复杂状态的深度合并

javascript - 当输入字段被填充时如何增加计数器值?

javascript - 如果不满足最小最大范围,模式对话框中的输入文本验证会提示