{"id":3570,"date":"2023-01-14T14:22:09","date_gmt":"2023-01-14T14:22:09","guid":{"rendered":"https:\/\/rengga.dev\/blog\/?p=3570"},"modified":"2023-06-10T11:33:24","modified_gmt":"2023-06-10T11:33:24","slug":"js-tutorial-event-calendar-with-evo-calendar-css-evo-calendar-js","status":"publish","type":"post","link":"https:\/\/rengga.dev\/blog\/js-tutorial-event-calendar-with-evo-calendar-css-evo-calendar-js\/","title":{"rendered":"JS Tutorial &#8211; Event Calendar with evo-calendar.css, evo-calendar.js"},"content":{"rendered":"<p><span style=\"color: #ef3207;\"><a style=\"color: #ef3207;\" href=\"https:\/\/rengga.dev\/\" target=\"_blank\" rel=\"noopener\"><strong>Rengga Dev<\/strong><\/a> <\/span>&#8211; JS Tutorial &#8211; This is an example of the Event Calendar in jQuery.<\/p>\n<p><iframe style=\"width: 100%;\" title=\"JS Tutorial - Event Calendar with evo-calendar.css, evo-calendar.js\" src=\"https:\/\/codepen.io\/renggagumilar\/embed\/gOKYLvB?default-tab=result&amp;theme-id=dark\" height=\"800\" frameborder=\"no\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><br \/>\nSee the Pen <a href=\"https:\/\/codepen.io\/renggagumilar\/pen\/gOKYLvB\"><br \/>\nJS Tutorial &#8211; Event Calendar with evo-calendar.css, evo-calendar.js<\/a> by Rengga Gumilar (<a href=\"https:\/\/codepen.io\/renggagumilar\">@renggagumilar<\/a>)<br \/>\non <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\/\/ Initialize evo-calendar in your script file or an inline &lt;script&gt; tag\r\n$(document).ready(function() {\r\n    $('#calendar').evoCalendar({\r\n        settingName: \"hello\"\r\n    })\r\n calendarEvents:[\r\n   {\r\n     id:'mmnnn',\r\n     name:'new year',\r\n     date:'January\/1\/2020',\r\n     type:'holiday',\r\n     everyYear:true\r\n   \r\n },\r\n  {\r\n     id:'0908',\r\n     name:'new year',\r\n     date:'January\/1\/2020',\r\n     type:'holiday',\r\n     everyYear:true\r\n   \r\n }\r\n                ]\r\n})<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rengga Dev &#8211; JS Tutorial &#8211; This is an example of the <a class=\"read-more\" href=\"https:\/\/rengga.dev\/blog\/js-tutorial-event-calendar-with-evo-calendar-css-evo-calendar-js\/\" title=\"JS Tutorial &#8211; Event Calendar with evo-calendar.css, evo-calendar.js\" itemprop=\"url\"><\/a><\/p>\n","protected":false},"author":1,"featured_media":3571,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[372,373,374,264,263,103,227],"newstopic":[],"class_list":{"0":"post-3570","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript","8":"tag-event-calendar","9":"tag-evo-calendar-css","10":"tag-evo-calendar-js","11":"tag-javascript-tutorial","12":"tag-js-tutorial","13":"tag-web-design","14":"tag-web-designer"},"_links":{"self":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/3570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/comments?post=3570"}],"version-history":[{"count":1,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/3570\/revisions"}],"predecessor-version":[{"id":3572,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/3570\/revisions\/3572"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/media\/3571"}],"wp:attachment":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/media?parent=3570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/categories?post=3570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/tags?post=3570"},{"taxonomy":"newstopic","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/newstopic?post=3570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}