javascript - Bootstrap 日历根据日期绘制事件

标签 javascript jquery twitter-bootstrap calendar

我正在使用 http://bootstrap-calendar.eivissapp.com/ 中的 Bootstrap 日历

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

这是作为 json 字符串传递到 View 的数组。

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

所有事件都安排在每个日期。我需要将它们放置在各自的日期。

关于如何实现这项工作有什么建议吗?

最佳答案

只需将三个零(或乘以 1000)添加到每个 [start] 和 [end] 时间戳,数组如下所示:

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
        )
)

关于javascript - Bootstrap 日历根据日期绘制事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25564751/

相关文章:

javascript - 无法通过ajax在仪表板上加载数据

javascript - 使用 $scope.foo 与 food.value 的优点

javascript - 似乎无法将列表 float 到 Bootstrap 4 行内的右侧

html - Bootstrap 中的偏移列

angular - 如何将 Bootstrap 添加到 angular-cli 项目

javascript - 如何在 jquery ajax 成功函数中引用调用 dom 元素?

javascript - 将变量设置为输入值 (jQuery)

javascript - 使用 $(document).on ("click",".class",function(){ } 时,如何引用被单击的按钮?

javascript - 自定义 Div slider 速度太快,但仅限于从另一个浏览器选项卡返回时

javascript - JQuery Mobile Listview 元素消失