JSFiddle - React, Tailwind, and code Playground
by emredipi
HTML
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/evo-calendar/css/evo-calendar.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<div id="calendar"></div>
<script>
$(function(){
$("#calendar").evoCalendar({
language:'tr'
});
})
</script>
JavaScript
/*!
* Evo Calendar - Simple and Modern-looking Event Calendar Plugin
*
* Licensed under the MIT License
*
* Version: 1.1.2
* Author: Edlyn Villegas
* Docs: https://edlynvillegas.github.com/evo-calendar
* Repo: https://github.com/edlynvillegas/evo-calendar
* Issues: https://github.com/edlynvillegas/evo-calendar/issues
*
*/
;(function(factory) {
'use strict';
if (typeof define === 'function' && define.amd) {
define(['jquery'], factory);
} else if (typeof exports !== 'undefined') {
module.exports = factory(require('jquery'));
} else {
factory(jQuery);
}
}(function($) {
'use strict';
var EvoCalendar = window.EvoCalendar || {};
EvoCalendar = (function() {
var instanceUid = 0;
function EvoCalendar(element, settings) {
var _ = this;
_.defaults = {
theme: null,
format: 'mm/dd/yyyy',
titleFormat: 'MM yyyy',
eventHeaderFormat: 'MM d, yyyy',
firstDayOfWeek: 0,
language: 'en',
todayHighlight: false,
sidebarDisplayDefault: true,
sidebarToggler: true,
eventDisplayDefault: true,
eventListToggler: true,
calendarEvents: null
};
_.options = $.extend({}, _.defaults, settings);
_.initials = {
default_class: $(element)[0].classList.value,
validParts: /dd?|DD?|mm?|MM?|yy(?:yy)?/g,
dates: {
en: {
days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
months: ["January", "February", "March", "April", "May", "June", "July", "August",...