使用完整日历Jquery Widget更改区域设置

时间:2017-01-23 13:37:19

标签: javascript jquery

我正在玩完整的日历,我需要更改区域设置。

当我尝试这样做时。我收到了错误。

我必须添加哪些脚本才能摆脱错误?

Chrome dev - 错误:

pt-br.js:1 Uncaught TypeError: Cannot read property 'datepickerLocale' of undefined

我用过:

HTML:

<div id='calendar'></div>

JS:

<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/locale/pt-br.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.print.css">

<script type="text/javascript">
    $(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
        // put your options and callbacks here
        locale: 'pt-br'
    })

});

</script>

3 个答案:

答案 0 :(得分:2)

语言环境文件需要fullcalendar才能出现。

在加载fullcalendar本身后加载语言环境文件

答案 1 :(得分:0)

我认为没有正确调用完整日历。它需要一个设置或选项对象。

尝试通过

在文档就绪对象中调用它
public class HashCode9And10 
{
    public static void main(String[] args) 
    {
        HashCode9And10 h1 = new HashCode9And10();
        HashCode9And10 h2 = new HashCode9And10();
        HashCode9And10 h3 = new HashCode9And10();
        HashCode9And10 h4 = new HashCode9And10();
        HashCode9And10 h5 = new HashCode9And10();
        HashCode9And10 h6 = new HashCode9And10();

        System.out.println(h1.hashCode());
        System.out.println(h2.hashCode());
        System.out.println(h3.hashCode());
        System.out.println(h4.hashCode());
        System.out.println(h5.hashCode());
        System.out.println(h6.hashCode());
    }
}

答案 2 :(得分:0)

发布此信息,因为我的解决方案不同......

使用fullCalendar 3.0.9.2(截至今天的最新版本),我一直收到相同的错误

  

无法读取未定义

的属性'datepickerLocale'

确保语言环境文件位于.js之后没有帮助

不工作

<script src="path_to_js/fullcalendar.min.js"></script>
<script src="path_to_js/locale-all.js"></script>

工作

<script src="path_to_js/fullcalendar.js"></script>
<script src="path_to_js/locale-all.js"></script>

区别在于使用'min'版本 - 转到完整版本,所有外观/效果都很好。

也许我正在使用'locale-all'文件而不是单个文件。并非所有组合都经过测试,但您无法争辩成功!