JS日历推送数据显示

Posted

技术标签:

【中文标题】JS日历推送数据显示【英文标题】:JS calendar push data to show 【发布时间】:2021-08-21 07:55:56 【问题描述】:

我正在尝试使用简单的 js 日历,问题是我不知道如何为他推送数据,当我使用一个对象创建变量时,它使用的是 json 对象,一切都很好,但是当我想通过对象传递数组时ajax 我正在苦苦挣扎。下面的示例工作正常,但我的目的是从 ajax 获取数据,如 [..,..,..,..] 如何将带有对象的数组推送到事件数组:[]

$(document).ready(function () 
        var svente1 =
        
            startDate: '2021-06-03',
            endDate: '2021-06-03',
            summary: 'Pasaulinė dviračio diena'
        
        $("#calendar").simpleCalendar(
            //Defaults options below
            //string of months starting from january
            months: ['sausis', 'vasaris', 'kovas', 'balandis', 'gegužė', 'birželis', 'liepa', 'rugpjūtis', 'rugsėjis', 'spalis', 'lapkritis', 'gruodis'],
            days: ['sekmadienis', 'pirmadienis', 'antradienis', 'trečiadienis', 'ketvirtadienis', 'penktadienis', 'šeštadienis'],
            displayYear: true,              // Display year in header
            fixedStartDay: true,            // Week begin always by monday or by day set by number 0 = sunday, 7 = saturday, false = month always begin by first day of the month
            displayEvent: true,             // Display existing event
            disableEventDetails: false, // disable showing event details
            disableEmptyDetails: true, // disable showing empty date details
            events: [svente1],                     // List of events
            onInit: function (calendar)  , // Callback after first initialization
            onMonthChange: function (month, year)  , // Callback on month change
            onDateSelect: function (date, events)  , // Callback on date selection
            onEventSelect: function ()  , // Callback on event selection - use $(this).data('event') to access the event
            onEventCreate: function ($el)  ,          // Callback fired when an html event is created - see $(this).data('event')
            onDayCreate: function ($el, d, m, y)    // Callback fired when an HTML day is created   - see $(this).data('today'), .data('todayEvents')
        );
    );

【问题讨论】:

【参考方案1】:

刚刚删除了括号并传递了变量。我从 Ajax 获得的数据需要使用命令 json.parse

【讨论】:

以上是关于JS日历推送数据显示的主要内容,如果未能解决你的问题,请参考以下文章

帮忙改一下js日历的日期的显示格式

基于jquery的带事件显示功能的日历板插件calendar.js

一个js简单的日历显示效果的函数

蓝色的网站模板中显示中文日历的修改

如何使用 React js 在 SharePoint 中显示 Microsoft 团队切换到自定义日历

前端Vue项目:旅游App-(12)home-Calendar:日期选择日历动态显示时间