Code Monkey home page Code Monkey logo

Comments (9)

fro avatar fro commented on July 30, 2024 1

Hi guys,

Have you seen that?

http://jsfiddle.net/n2gkm4d9/
http://francois-pourrier.com/work/zabuto-X/calendar.html

Now with:

init calendar with local json + ajax data
call public methods (to add just one event at a time for example)
add event through a modal (not the modal included in zabuto calendar, I've removed it)
show a list of events of a day
...
It's only few hours of work, there's lot of features to add and things to do to make it stable but it's usable. ;-)

Look carefully to the code... there's much more than the fiddle show actually.

I can forward you some backend php pages if needed.

from calendar.

fro avatar fro commented on July 30, 2024 1

@CamaroMan I'm pretty sure it's not a big deal to adapt that calendar to handle such cases. Adding event duration in the event json is the first step. Tweak the js and the css a little bit and here you go.
I'm not comfortable with the idea of duplicating the event.

I've not enough time for the moment to update my version of zabuto calendar, please share your code if you succeed. ;-)

from calendar.

raulghm avatar raulghm commented on July 30, 2024

+1

from calendar.

 avatar commented on July 30, 2024

+1

from calendar.

 avatar commented on July 30, 2024

since it doesn't look like this is actively updated, I updated my backend code that sets the json events array to combine the multiple events html in the body of 1 "event" and then display the body for each day when clicked. So I basically treated each day as the "event" and updated the body to have info for each thing going on that day. Works for now but would really be nice if the JS code was updated to treat each event separately but when a day is clicked, display all events that day and not just 1

from calendar.

CamaroMan avatar CamaroMan commented on July 30, 2024

nice little proj - is there anyway to make the bars stretch across 2 days? im working on a little booking thing and some bookings (like rentals) are consecutive days.

not a biggy - i can always for loop inside the loop for 2+ days and add onto the array - jst thought it would be nice to have them joined ;)

from calendar.

CamaroMan avatar CamaroMan commented on July 30, 2024

will do! absolutely bogged down right now and heading overseas but ill see :p

from calendar.

radhava avatar radhava commented on July 30, 2024

@fro please may I have access to the php files I really like your version and I need to use it.. Awaiting your early response..

from calendar.

pabparfer avatar pabparfer commented on July 30, 2024

@fro what else, was there anyway to mark multiple days if the event's duration is more than one day? I don't have enought with mark the start day.

Thanks in advance :)

from calendar.

Related Issues (20)

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.