Code Monkey home page Code Monkey logo

calendar-javascript-lib's Introduction

Hi there ๐Ÿ‘‹

I love open source and learning on the run.

I'm currently working as a platform backend engineer with Typescript.
I'm also playing around with Go and building the ideas I need.

I'm learning to keep things simple again. I'm enjoying every bit of it.
I'm also practicing being more intentional and consistent.

calendar-javascript-lib's People

Contributors

bpanatta avatar nizarmah avatar noahbres avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

calendar-javascript-lib's Issues

Format Date in Organizer Container

Hi, I want to display format date DD-MM-YYYY in Organizer Container, as for now the format is MM-DD-YYYY.
Can you add this feature when initializing a new organizer object?
Thank you very much :)

feature-calendar

How to set full day event?

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!

How can I put the calendar in the center of my webpage, sorry I am new to webpage

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.

"Basic usage" does not work

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,

Add URL for events?

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 :)

I want to disable previous dates

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.

Month Label Positioning

Hi @nizarmah

The positioning of month labels always start on first day of the month.
Please see screenshot below:
image

Notice that the calendar dates starts with the label "Wednesday".

Can we make the labels starts with "Sunday"?

Thanks in advance.

Text for empty results?

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.

"Feburary" is misspelled.

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 :)

Capture

how to customise the calendar to highlight current date and is it possible to disable previous dates

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.

[question] License

Hi

I was wondering what the license of this project is.

Thanks in advance

Doesn't work on Samsung Browser

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

adding current date

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!

Calendar does not display all events correctly

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):

  • OS: [Windows, Android]
  • Browser [all]
  • Version [newest]

Google calendar Id

Is it possible to get the events from google calendar and import it to this one?

The Calendar and Organizer do not show the data when pulled from Database

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):

  • OS: Windows 10
  • Browser Firefox, Edge(New)
  • Version 84.0, 87.0.664.60

Additional context
No Errors in the Console.

25% of Events are Not Printing on the Organizer

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):

  • OS: Windows 10
  • Browser: Chrome
  • Version: 85.0.4183.102

Calendar is not defined

Hello I import CDN links and I watch your base config for the calendar. After inputing javascript in the <script> tag I got this error. Calendar is not defined If I type calendar with small c it says calendar is not a constructor

image
image
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.