将日期字符串格式化为适合 Google 日历作为参数

2023-12-01

我有一个代表 2014-July-2014 等数据的字符串。我正在 javacript 中格式化此日期,以便我可以将其用作 Google 日历图表的参数。

E.g.

var x = "2014-July-12";

var splitted = x.spilt('-');
// to get "2014" at index [0], "July" at index [1] and "12" at index [2].

然后,我使用键值数组来获取月份数。 然后我用以下内容填充 Google 日历数据表:

data.addRow([new Date(ParseInt("splitted[0]"),months.splitted[1], ParseInt("splitted[2]")), dataValues[i].Value]);

我使用 ParseInt() 从字符串转换为数字,因为 new Date(yyy,mm,dd) 仅采用整数作为参数。 我无法让这个日历正常工作。我在网上搜索了很多,但找不到如何从 json 文件填充 Google 日历日历图表的好例子。

你们能看一下并指导我如何完成这项任务并解释我是否错了。 提前致谢。

绘制日历图表功能

function drawCalendarChart(jsonObj) {

    var dataValues = eval(jsonObj)
       var data = new google.visualization.DataTable(dataValues);
       data.addColumn({ type: 'date', id: 'Date' });
       data.addColumn({ type: 'number', id: 'Reports' });

       for (var i = 0; i < dataValues.length; i++) {

           var date = new Date(dataValues[i].Date);
           var year = date.getFullYear(), month = (date.getMonth() + 1), day = date.getDate();
           if (month < 10) month = "0" + month;
           if (day < 10) day = "0" + day;
           var Formatted = "" + year + "," + month + "," + day;
           //           data.addRow([new Date(dataValues[i].Date), dataValues[i].Frequencies]);
           data.addRow([new Date(Formatted), dataValues[i].Frequencies]);
       }
       var options = {
         title: "Calendar Chart",
         height: 350
       };
       var chart = new google.visualization.Calendar(document.getElementById('chart'));

       chart.draw(data, options);
       var table = new google.visualization.Table(document.getElementById('table'));
       table.draw(data, { showRowNumber: true });
   }

我添加了用于绘制图表的函数。数据给出 NaN,NaN 错误。频率正在获得正确的值。所以肯定和日期格式有关。 这是我正在使用的测试字符串。

[
    {
        "Date": "2014-January-15",
        "Frequencies": 11
    },
    {
        "Date": "2014-January-8",
        "Frequencies": 22
    },
    {
        "Date": "2014-January-10",
        "Frequencies": 11
    }
]

把事情简单化,这应该有效:

data.addRow([ new Date(dataValues[i].Date), dataValues[i].Frequencies ]);

UPDATE

这对我有用,这里你有一个工作fiddle与代码。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将日期字符串格式化为适合 Google 日历作为参数 的相关文章

  • 在 React 组件中等待异步函数并显示 Spinner

    初学者在这里 尝试从服务器获取一些数据并在获取后将其显示在我的反应组件中 但是 我在将异步函数集成到我的反应组件中时遇到了麻烦 import React useState from react import request from gra
  • 玉石压痕错误

    因此 对于我的 Express 网站 我使用 jade 所以我决定尝试修改我的布局文件 以便我可以开始设计我的网站 我修改了原始布局代码 有效 但我开始在任何扩展布局的文件中出现缩进错误 如下所示 500 Error home kevin
  • 如何使用 Google Calendar API 和官方 PHP 库创建全天活动?

    我有这个代码 event new Event event gt setSummary event summary event gt setLocation event location start new EventDateTime sta
  • 如何在 Windows 网络中的 Intranet Web 应用程序中获取用户的用户名

    我内部有一个简单的 HTML 页面 它只显示一个表单并要求用户填写 我想自动捕获Windows域用户名和机器名 并将其与表单中收集的数据一起提交 我可以在客户端这样做吗 HTML JavaScript 或者我被迫在服务器端执行此操作 我还不
  • 是否有任何理由使用 axios 而不是 ES6 fetch [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 研究了 axios 和 ES6 fetch 的文档 我发现两者非常相似 并且都受到 ajax 及其简写的强烈影响 axios 的主要优点是浏览器
  • 指定 HTML5 输入类型 = 日期的值输出?

    我想将本机日期选择器添加到我的应用程序中 该应用程序当前使用遗留的本地系统 日期输入支持尚未广泛普及 但如果我可以基于兼容性提供这两种实现 那就太理想了 有没有办法指定 HTML 日期选择器给出的值的输出 歌剧的默认设置是yyyy mm d
  • 修复 Raphaël 路径节点上 Tipsy 工具提示的位置

    这是一个非常具体且有些复杂的问题 所以我设置了一个最小测试用例 http reveal dk 8080 revealit dk tipsytest 在阅读本文的其余部分之前 您可能应该先了解一下 我的页面显示悬停时突出显示区域的图像Raph
  • document.write 在同一页面上显示内容。

    我对 javascript document write 方法有疑问 大多数情况下 当我使用 document write 时 它会向我显示在不同页面中使用该方法编写的内容 例如 如果我写这样的命令 document write Hello
  • 如何将React JS状态保存到本地存储中

    我不知道如何将 React js 状态存储到本地存储中 import React Component from react import App css import auth createUserProfileDocument from
  • 如何跨多个 React Redux 组件使用 requestAnimationFrame 实现游戏循环?

    努力思考最好的解决办法 我可以使用递归调用requestAnimationFrame有一个游戏循环 export interface Props name string points number onIncrement gt void o
  • 文件缓存:查询字符串与上次修改时间?

    我正在研究缓存网站资源的方法 并注意到大多数与我类似的网站都使用查询字符串来覆盖缓存 例如 css style css v 124942823 后来 我注意到每当我保存 style css 文件时 最后修改的标头都会 更新 使得查询字符串变
  • 如何在数据表角度中基于 JSON 动态填充表值?

    我在用着Angular 数据表 https l lin github io angular datatables 我需要能够根据返回的数据动态创建表 换句话说 我不想指定列标题 Example json数据 id 2 city Baltim
  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome
  • chrome 选项卡/窗口中的 window.open 行为

    我有一小段 javascript 旨在打开两个或更多选项卡 这在 FF 和 IE 中工作正常 但 chrome 会在新窗口而不是选项卡中打开第二个窗口 它不依赖于 url 因为我已经尝试过使用两个相同的 url 第一个在选项卡中打开 第二个
  • JavaScript setTimeout 和更改系统时间会导致问题

    我注意到如果我设置setTimeout未来1分钟 然后将我的系统时间更改为过去5分钟 setTimeout功能将在 6 分钟后触发 我这样做是因为我想看看夏令时系统时钟更改期间会发生什么 我的 JavaScript 网页使用setTimeo
  • Firebase 身份验证和实时应用程序数据库如何保护自身安全?

    从一般开发的角度来看 我很好奇如何保护在线资源的访问 我们使用以下 Firebase 配置参数初始化 Web 应用程序 apikey authdomain projectid databaseurl messagesenderid 服务器如
  • jQuery:向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl
  • eventSources 到事件 Json,完整日历

    我正在尝试从 eventSources 获取 json 调用到我的事件 我在 eventSources 中返回的 json 是 title Title Test start 1305841052 当我将此字符串传递到事件中时 它会正确显示日
  • 有序 JSON 对象

    我有一个 servlet 它与数据库通信 然后返回有序 按时间排序 对象的列表 在servlet部分 我有 access DB returns a list of User objects ordered ArrayList users M
  • 如何强制下载图片?

    我的页面上有一个动态生成的图像 如下所示 img src 我不想告诉我的用户右键单击图像并点击保存 而是想公开一个下载链接 单击该链接将提示下载图像 如何实现这一目标 最初我在 js 中尝试这样做 var path my image att

随机推荐

  • 使用 jQuery 进行跨域 ajax JSONP 请求

    我想使用 jquery ajax 解析 JSON 数组数据 代码如下
  • 使用 GAWK 5,是否可以获得当前行号(代码的行号,而不是输入!)、当前函数和源代码文件名?

    在某些语言 例如 Python 中 可以使用多个 元数据 记录数据 例如 filename 函数名 电话号码 etc 例如 在Python中 import logging logging basicConfig level INFO for
  • 在调用超类型构造函数之前无法引用 this

    我正在尝试用Java 实现一个循环队列类 为此 我必须创建一个节点类来将元素和指向下一个节点的指针分组在一起 作为循环 节点需要能够指向自身 然而 当我去编译下面的代码时 编译器 javac 告诉我我的构造函数 即第 5 行和第 8 行 做
  • 在我的 Java 游戏项目中过度使用静态?

    我目前正在用 Java 开发一个小平台 并为其编写了自己的游戏引擎 名为Bonsai 现在我问自己一个问题 我是否过度使用了静态 一方面 它非常方便 因为我不必在每个类中保留对游戏实例 如地图或玩家 的引用 另一方面 我已经不得不取消小程序
  • .htaccess 基于 HTTP_REFERER 重定向

    我正在尝试执行上面所说的操作 但出现循环错误 有时还会出现 500 错误 我想要的是请求重定向到网站的根 主页 页面的用户 Welcome 除非他们已经在浏览该网站 这是我的代码 Options FollowSymLinks Rewrite
  • 何时在 Python 中使用 %r 而不是 %s? [复制]

    这个问题在这里已经有答案了 On 艰难地学习Python第21页 我看到这个代码示例 x There are d types of people 10 print I said r x Why is r在这里使用而不是 s 你什么时候用 r
  • SwiftUI 通过 TabView 以模态方式呈现视图?

    我有一个TabView设置如下 struct ContentView View State private var selection 0 State var newListingPresented false var body some
  • 存储过程中的“@”符号?

    我尝试在网上寻找答案 但找不到任何明确的解释 存储过程中的 是否有某种特殊目的 表示特定的东西 我对何时使用它有点困惑 因为示例似乎在其用法上有所不同 例如 在下面的示例中使用了 DELIMITER DROP PROCEDURE IF EX
  • 在 Scala 中提取两个字符串之间的字符串

    我有一个像这样的字符串序列 val foo Seq bar scala baz bar java baz bar python baz 我需要提取之间的所有内容bar and baz这样我就会得到这样的东西 val foobarbaz Se
  • mySQL - 我应该非规范化吗?

    Overview 抱歉 它含糊不清 我认为如果我讲得更详细 事情就会变得过于复杂 我有三个表 表一包含一个 id 表二包含其自己的 id 和表一的 id 表三包含其自己的 id 和表二的 id 我花了很多时间思考 我认为表三也包含相关表的
  • Excel合并总和产生不同列总计

    我有两列 如下所示 Make Model Parc Abarth 500 15 Abarth 500 19 Abarth 500 2 Abarth 500 14 Abarth 500 15 Abarth 500 25 Abarth 500
  • 如何通过 docker run 将参数传递给 Shell 脚本

    我是码头工人世界的新手 我必须调用一个 shell 脚本 该脚本通过 docker 容器获取命令行参数 例如 我的 shell 脚本如下所示 bin bash echo 1 Dockerfile 看起来像这样 FROM ubuntu 14
  • 如何扩展最终类?(Reflection,Javassist)

    我有一个 JAR 文件 它有大量的类 一 我需要的被设置为最终的 所以我不能扩展它 有一种方法 我基本上必须扩展和修复 否则一切都会崩溃 我怎样才能做到这一点 我知道 Reflection 和 Javassist 可以用于此目的 但我不知道
  • 使用 AngularJS 跟踪 Google Analytics 页面浏览量

    我正在使用 AngularJS 作为前端来设置一个新应用程序 客户端的一切都是通过 HTML5 Pushstate 完成的 我希望能够在 Google Analytics 中跟踪我的页面浏览量 如果您正在使用ng view在你的 Angul
  • SystemJS:加载构建文件

    我的 SystemJS 文件如下所示 function global map tells the System loader where to look for things var map angular2 boot app dist a
  • iOS 7 - viewDidLoad 和 viewDidAppear 之间的区别

    抱歉 这本身可能不是一个编程问题 而更多的是对 iOS 生命周期函数性质的询问 我有一个应用程序 其中有一个函数可以创建四个数组并通过数据库查询填充它们 首先 我从viewDidLoad函数 但是 每当加载视图时 视图实际显示之前都需要一段
  • 使用 JAXB 进行灵活编组

    我希望有一种灵活的方式来编组对象 单个对象的详细版本和多个对象版本的不太详细版本 例如 考虑我的部门模型 获取 位置 1
  • 对结构队列进行排序

    我目前有一个队列 其中包含用户指定数量的结构 称为Process 进程由 pid 突发和到达组成 我想按到达时间对队列进行排序 但我完全不知道从哪里开始 这是一些伪代码来帮助说明我想说的内容 struct Process int pid i
  • cmake找不到java,但是已经安装了

    我正在尝试使用 cmake 构建一个项目 这个项目主要使用java 问题是在代码中 find package Java REQUIRED 我收到以下错误 CMake Error at usr share cmake 2 8 Modules
  • 将日期字符串格式化为适合 Google 日历作为参数

    我有一个代表 2014 July 2014 等数据的字符串 我正在 javacript 中格式化此日期 以便我可以将其用作 Google 日历图表的参数 E g var x 2014 July 12 var splitted x spilt