brospars / simple-calendar Goto Github PK

View Code? Open in Web Editor NEW

48.0 48.0 39.0 824 KB

Simple calendar jquery plugin

Home Page: https://brospars.github.io/simple-calendar

License: MIT License

CSS 1.50% JavaScript 66.48% HTML 11.36% SCSS 20.65%

calendar javascript jquery jquery-plugin

simple-calendar's People

Contributors

Stargazers

Watchers

simple-calendar's Issues

Month change – september is "gone"

Try click btn-next it "skips" a month...

from july - august OKAY
fromt august - october ERROR

Now click btn-prev "BAMM" september is back?

Thanks for a great script :)

Fixed start day does not work as expected

fixedStartDay = 3 but still the calendar month starts with monday.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="simple-calendar.css" />
</head>
<body>
	<div id="container"></div>
	<script src="jquery.js"></script>
	<script type="text/javascript" src="simple-calendar.js"></script>
		<script type="text/javascript">
			jQuery( document ).ready( function() {
				jQuery("#container").simpleCalendar( {
					months: ['january','february','march','april','may','june','july','august','september','october','november','december'],
					days: ['sunday','monday','tuesday','wednesday','thursday','friday','saturday'],
					displayYear: true,
					fixedStartDay: 3,
					displayEvent: true,
					disableEventDetails: false,
					disableEmptyDetails: false,
					events: [],
					onInit: function (calendar) {},
					onMonthChange: function (month, year) {},
					onDateSelect: function (date, events) {},
					onEventSelect: function() {},
					onEventCreate: function( jqueryel ) {},
					onDayCreate:   function( jqueryel, d, m, y ) {}
				} );
			} );
	</script>
</body>
</html>

Header for next and previous months are not showing

You are not able to go to the next and previous months because the icons are not showing.

Typo as `wenesday` for `wednesday` in defaults

There is a need to fix the typing error in the defaults for the day wednesday as wenesday, Please see the snip below:

Empty only empties the calendar month view but not the events

Hello,
First of all thanks for your work.
When I write this:

container.empty().data('plugin_simpleCalendar', null).simpleCalendar({
    displayEvent: true,
    events: events
  });

It refreshed the events in the month view (the blue dots appear on the correct dates) but the previous events remain the same: if I click on a date when there was an event, I can still see it in the list of the events of the day.

I tried to solve this issue: https://stackoverflow.com/questions/69754113/is-there-a-way-i-can-empty-my-object-to-make-new-dates-able-to-be-inserted-ont/69755768#69755768

[IMPORTANT] Month change issue

2020-01-30
2021-01-29
2022-01-29
2023-01-29
2024-01-30

Change JAN to FEB so updated MAR check your code !

thanks!

Reoccurring events

Is this possible?

Merge monsterbrain work

Hi @monsterbrain ,

I wish to merge your awesome work on displaying events and the demo page but their is to many changes and some unwanted changes. What I would want is :

Displaying events (cf screenshot and code)
Demo page with examples
Select callback
Standalone (no added librairies)

I think I could cherry pick some of your work to new branches and create new PRs from that branches.

What do you think ?

Events :
Events are an array of event (based on iCal standard if possible, even if we don't support the whole thing)

events: [
  {
    summary: string
    dateStart: timestamp
    dateEnd: timestamp
  },
  ...
]

Example Event

Sorry, I am new. Can you provide an example of how to add an event on a specific date?

date format

heres my event, is't correct format?
events: [

{
startDate: 2020-08-05,
endDate: 2020-08-10,
summary: 'lorem ipsum 1'
}
,
{
startDate: 2020-08-07,
endDate: 2020-08-10,
summary: 'lorem ipsum 2'
}
,
{
startDate: 2020-08-09,
endDate: 2020-08-09,
summary: 'lorem ipsum 3'
}
],

Disble event details popup

I like this plugin so much. Can you please add an option to disable Event details popup and one more can you tell me how i can get event date selected on onEventSelect, I hope you reply soon

Thanks for awssome plugin btw

fixedStartDay

fixedStartDay: false does not put Sunday as the first day of the week

Property ignored?

I think these two properties are ignored

disableEventDetails: false, // disable showing event details
disableEmptyDetails: false, // disable showing empty date details

Is this library still relevant today ?

I made this library some years ago and never updated it. I don't use it often but I could work on it if someone is interested...

Todo :

Implementing events
Add options and api to customize usage and controls
Better docs and use cases
Refactor

Missing month navigation

Hi,
it looks like month navigation is missing in the current version of the code.
At least, this part is suspicious:

var calendar = $('<div class="calendar"></div>'); var header = $('<header>' + '<h2 class="month"></h2>' + '<a class="simple-calendar-btn btn-prev" href="#"></a>' + '<a class="simple-calendar-btn btn-next" href="#"></a>' + '</header>');

There seems to be missing "<" and ">" .. as it was in some previous version. Or maybe it's solved now differently, but when I download the current version and open index.html, month navigation buttons are missing.

Thank you
Martin

reset calendar

great plugin!
is it possible to reset the calendar event data ?
i tried using this
calendar.empty().simpleCalendar({})
but it simply disappears and doesnt load again.

Getting instance of plugin

pardon me for interrupting. But How can i get an instance of the plugin, in case I need to update the values on month change. I tried assigning to variable and calling var.simpleCalendar.function() but did not work. Any help would be appreciated..

Originally posted by @monsterbrain in #2 (comment)

Better demo page

Add examples of differents configs and usages with events

When setting the start of the week to Sunday...

...and when the last day of the month is falls on Sunday, the week is not displayed.

Persian (Shamsi) calendar

Great work, thank you for your library
Is there any feature to have a Persian (Shamsi) Calendar in this library?

Is there provision for times zones?

Eg, if someone is viewing events in the US, there will be at a certain time.
but those same events need to appear at different times for someone viewing them in the UK.

Does Simple Cal support this?

Also - is there demo page somewhere to see how the various options work?

Thanks!

Question: Ability to add Events?

Hello!

Just a question. Is it possible to update Events after initialization?

I tried calling again $calendar.simpleCalendar( { events: myEvents } ) but without much success, but maybe I'm doing something wrong.

Thank you :)

Events Are Not Visible In Mac/iPhone (Safari)

The plugin is perfectly working on ( Chrome / Opera / Firefox ) - But when I open it on Safari the calender is perfectly visible but inside it the events and notable event dates are not visible.

jQuery(document).on('click', '#showEventsTab', function(e){
e.preventDefault();

var event_calender = '<div class="events-calender-wrapper"><div id="eventCalender"></div></div>';
	
jQuery('.events-intro-title > a').removeClass('tab-active');
jQuery(this).addClass('tab-active');
jQuery('.custom-paging-row').hide();
jQuery('#signupEventContent').html(event_calender);
var calContainer = jQuery(document).find('#eventCalender').simpleCalendar();
let CalenderInstance = calContainer.data('plugin_simpleCalendar');

jQuery.each(cs_object.event_object, function(index, val) {
	var newEvent = {
		startDate: new Date(val.ev_date).toISOString(),
		endDate: new Date(val.ev_date).toISOString(),
		summary: '<a href="'+val.ev_link+'">'+val.ev_title+'</a>'
	}
	CalenderInstance.addEvent(newEvent);
});

});

Update old dependencies

how to keep calendar open on selection of date?

Add option to disable dates

The plugin is still useful on today's era,who wants simple integration,can we have option to add disabled dates? as I see a relevant class is added - .wrong-month
Requirement is simple,I would like to show all dates of a month disabled unless it's not in the event list array unlike now showing enabled all the dates.

$("#event-cal-container").simpleCalendar({ //disabled : true,//this feature we are looking for events: ['2019-03-04', '2019-03-08', '2019-03-12', '2019-03-15'], eventsInfo: ['John\'s Birthday', 'Janet\'s Marriage','Graduation Day', 'Final Exams !'], selectCallback: function(date){ console.log('date selected '+date); }, insertCallback: function(date){ //console.log('date selected '+date); } });

Originally posted by @findela in #4 (comment)

The demo github.io page is not loading jquery. security issue.

Hi,

Just loaded the demo page. Jquery is not loading due to http. please check.

brospars / simple-calendar Goto Github PK

simple-calendar's People

Contributors

Stargazers

Watchers

Forkers

simple-calendar's Issues

Recommend Projects

Recommend Topics

Recommend Org