Bootstrap日历根据日期绘制事件

时间:2014-08-29 08:46:26

标签: javascript jquery twitter-bootstrap calendar

我使用http://bootstrap-calendar.eivissapp.com/

中的Bootstrap日历

问题是每天的事件列表都会填充事件。我希望他们在各自的日期填充。

这是以json字符串形式传递给视图的数组。

Array
(

    [0] => Array
        (
            [id] => 99
            [title] => Testing 
            [class] => event-default
            [url] => /admin/courses/32/lessons/99
            [start] => 1408589100
            [end] => 1408590900
        )

    [1] => Array
        (
            [id] => 100
            [title] => rereer
            [class] => event-default
            [url] => /admin/courses/32/lessons/100
            [start] => 1408592760
            [end] => 1408599960
        )
)

这是日历图片:

enter image description here

所有活动都放在每个日期。我需要将它们放在各自的日期。

有关如何使这项工作的任何建议?

1 个答案:

答案 0 :(得分:1)

只需在每个[start]和[end]时间戳附加三个零(或乘以1000),这样数组就像这样:

Array
(

    [0] => Array
        (
            [id] => 99
            [title] => Testing 
            [class] => event-default
            [url] => /admin/courses/32/lessons/99
            [start] => 1408589100000
            [end] => 1408590900000
        )

    [1] => Array
        (
            [id] => 100
            [title] => rereer
            [class] => event-default
            [url] => /admin/courses/32/lessons/100
            [start] => 1408592760000
            [end] => 1408599960000
        )
)