nizarmah / calendar-javascript-lib Goto Github PK
View Code? Open in Web Editor NEW๐ Javascript Calendar & Organizer Library for normal calendar use and or events scheduling.
License: MIT License
๐ Javascript Calendar & Organizer Library for normal calendar use and or events scheduling.
License: MIT License
hello brother, I am having trouble making an ajax request with the API. can you give an example?
thanks brother
multiple select dates in calendar
I just realize your code always update the current date and you did not declared a class to specify which is the current date. Do you know any solution for this? Thanks!
Hi,
Those diffused days are shown in reverse order.
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
Is there any way to show the amount of events each day has in the calendar cells?
I am following the "Basic Usage" guide on your main GitHub page.
My goal is to pull a list of events from a MYSQL database, organizing those dates into JSON via PHP, and print the list into the "data" variable of the Javascript code.
These are examples of the records, for a single day, which aren't printing. The "4" icon shows up on that day's calendar view, but when I click on that day, the organizer displays it's placeholder text, instead of the event information.
Array ( [startTime] => 20:11:00 [endTime] => 16:11:00 [text] => 123 )
Array ( [startTime] => 20:05:00 [endTime] => 20:05:00 [text] => Event for DEV TEST )
Array ( [startTime] => 11:36:00 [endTime] => 12:36:00 [text] => TEST PRIVATE TICKET )
Array ( [startTime] => 11:32:00 [endTime] => 11:32:00 [text] => TEST EVENT )
To be clear, most of the events are printing. So, I know the data array itself is formatted correctly. Here's an example of events, for a single day, which are printing.
Array ( [startTime] => 07:00:00 [endTime] => 07:00:00 [text] => Project Due: Allenwalk Product Upload )
Array ( [startTime] => 00:00:00 [endTime] => 00:00:00 [text] => Fired Station 69 )
I've compared the format of the times and text between printing records, and non-printing records, and I can't see any pattern suggesting a specific kind of record (such as uppercase events) isn't being printed.
I'm stumped. Any thoughts?
To Reproduce
No idea.
Here's clearer idea of the format of the "data" variable for the calendar.
2020:
7:
02: [{โฆ}]
07: Array(4)
0: {startTime: " 20:11:00", endTime: " 16:11:00", text: "123"}
1: {startTime: " 20:05:00", endTime: " 20:05:00", text: "Event for DEV TEST"}
2: {startTime: " 11:36:00", endTime: " 12:36:00", text: "TEST PRIVATE TICKET"}
3: {startTime: " 11:32:00", endTime: " 11:32:00", text: "TEST EVENT"}
Expected behavior
I expected the organizer to post all the events for that given day. The calendar itself is displaying the correct number of events for that day, but the organizer just posts the placeholder text when you click on that day. The events for that day are not being printed.
Desktop (please complete the following information):
I'm not sure why but, this calendar isn't generated when using Samsung browser. Not sure what the problem is, the area is just blank and no space is taken up
Is it possible to get the events from google calendar and import it to this one?
Hi @nizarmah
The positioning of month labels always start on first day of the month.
Please see screenshot below:
Notice that the calendar dates starts with the label "Wednesday".
Can we make the labels starts with "Sunday"?
Thanks in advance.
I load a calendar and an organizer and fill the data with ajax, but the events don't show after the data is filled neidther in the organizer and in the calendar
calendarorganizer.txt
Hi
I was wondering what the license of this project is.
Thanks in advance
Describe the bug
I have several events that are in a database, some go over several days, so they are in the database again for each day.
The whole thing also works flawlessly, unfortunately neither the time nor the link is displayed there.
Then I also have events that are not displayed at all.
I have attached some screenshots, logs and code here.
Expected behavior
All events with all links and times should be displayed.
Screenshots
ImgBB: Event-in-the-next-year-is-not-displayed
ImgBB: Event-is-displayed-without-information-Month-before
ImgBB: Event-is-displayed-without-information
Code & Logs
Source Code: Pastebin: Source from Calendar.php
Log Data[]: Pastebin: Caldendar Data Array Log
Desktop (please complete the following information):
I was set html tag in "text", but they were display from <img>
to <img>
decoded.
How can I make html works int text?
I am using this library in a project and need to disable the previous dates than today. Is this feature available in this library. Also want to show dates selected for which appointments are available.
Is start-end time required for now?
I was wondering add an full day event(doesn't need to show begin-end time).
Maybe we could set start-end time at "00:00-24:00" for full day event, and not showing time.
thanks for providing this awesome feature of calendar !
best regards!
Should be an easy fix here for you :)
We've noticed that the month "February" is misspelled as "Feburary".
We are using a Windows 10 OS and a Chrome browser (version 88).
I'm pretty sure this month is generated by your code when the calendar is printed out? If not, let me know and I'll take another look at the code on our end.
Great calendar widget by the way. It's just what we needed :)
Hi, I think it would be a good option to be able to click on the event and it will go to a certain link etc. In my case I'm using your calendar for files which could be downloaded. Thank you so much :)
Describe the bug
The Calendar and Organizer do not show the data.
To Reproduce
Steps to reproduce the behavior:
Sourcecode: https://pastebin.com/n2jDpg8t
Expected behavior
The Calendar and Organizer should show the data.
Screenshots
Site: https://ibb.co/Vmy09CM
Database: https://ibb.co/ccZ70Yw
Desktop (please complete the following information):
Additional context
No Errors in the Console.
Hi,
Just trying the basic config/usage on the home page in order to test the lib and it doesn't work.
1/ the "basic config" code is missing a ',' in calendar creation and a '}' in data creation.
2/ when i do correct this and launch the code here is what i get in the console :
Uncaught TypeError: Cannot read property 'appendChild' of null
at Calendar.draw (calendarorganizer.min.js:1)
at new Calendar (calendarorganizer.min.js:1)
at calendar:15
Since i use the min.js as recommanded it will be difficult to give more infos, i'll try replacing the min.js by a non minified version and investigate but since you wrote the lib, do you have any idea on what's going on ?
Thanks in advance,
Hi there,
I'm looking to have a small notice when there's no data for a given day rather than it being blank.
I've tinkered with it a bit, but I'm having issues getting such a thing to work.
Any help in that direction would be awesome.
Thanks.
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.