Code

Discussion on Simple Events Calendar JS

Discussion on Simple Events Calendar JS

Cart 1,689 sales

DPereyra supports this item

Supported

181 comments found.

I am interested specifically in the perpetual calendar part. This seems to be the nicest calendar I have found, but even with the reasonable price I need to know that it’ll work for my purposes.
    I have several yearly date ranges I want to enter, they repeat yearly
  1. Is the css file accessible, can the calendar be made flexible to be used by different mobile devices?
Am not using Wordpress for this project. Please advise. Thanks.

Hi,

Yes, the css file is easy to edit, and you can make the calendar to adapt 100% width so if your design/theme is responsive, it will be displayed correctly in mobile devices.

thanks for the interest

Hi, This calendar looks great and I wish to add it to my website, but is there a way or do you plan to add a tab or link “TODAY”, coz if I am on 23, July 2007 and need to return to current date, I need to do a lot of clicking. Thanks.

You are right, I will add this feature in the next update.

Thanks

Just wanted to stop by and say thank you for the JS file. Simple to use and configure.

I’m glad you like it! :)

Hi, Can you please let me know if is possble to get information from my google calendar? Regards

JR*

Hi,

It’s not currently possible.

Thanks for the interest

Can you please explain me how dates are published?

The events are added via a JS array or JSON.

Greetings

Hi Diego,

Can i make the Event description a link?

UPDATE: I have done this now…no worries

Cheers

Hey Diego,

Just a personal tech question. You used the words “frecuency” and “frequency” in your code. Was the spelling made that way on purpose for a reason?

I had a problem getting the json script to work, until I realized the spelling difference I was making.

Thanks – Yogi

Yes, it was a spelling error, I fixed it so the JSON scripts will work correctly using any of both.

Thank you

Great work Diego, this calendar is just what I needed.

Wanted to know if the raw graphic theme files are available in .PSD format so that I can alter the colors theme for my installation?

Thanks,

Yogi -

Hi,

You can change the styles from the CSS file in css/dp_calendar.css

Gretings

Thanks Diego, I see what you mean now.. I thought I could only change it with a graphic file. Really nice coding work.

Thanks Again,

Yogi -

Yo. Is there any way to change so the months is right. It’s just fucked up as it is now where jan is 00, feb 01 etc. Great if you could help out with this. We cant get it to work with our back-end.

Cheers Mike

Hi,

This is the way it works for now. By the way, you can do something like this if it’s an issue for you:

... startDate: new Date(2011,(7 – 1), 20, 15, 50)

...

So then you can use normal months numbers..

Greetings

Amazing and original calendar J-Q and layout! The only problem I seem to be running into is to change the div_dates into white letters. I changed every single CSS element to have “color:white;” ,but- still the div_dates are gray. So I went into each Javascript sheet (JSS) to look for the context that indeed makes these digits a shade of gray. I may be over-looking your created material or maybe I just need the professional license version, but I was wondering what in the world I need to alter to get those digits white. What direction should I go towards? Thank you Mr. or Ms. Pereyra!

You should modify the class .dp_calendar .div_dates li and add the !important to the color rule, like this:

color: #fff !important;

So it can’t be overwritten.

Greetings

Thank you DPereyra, but that didn’t help… However I did find it in the “query.dp_calendar.js” that the link color was: #9292 and changed it to #fff: here was that section towards the end of your JSS:

$.fn.dp_calendar.defaults = { events_array: new Array(), json: ’’, date_selected: new Date(), order_by: 1, show_datepicker: true, show_priorities: true, show_sort_by: true, show_time: true, format_ampm: false, onChangeMonth: function () {}, onChangeDay: function () {}, onClickMonthName: function () {}, onClickEvents: function () {}, link_color: ’#fff’, // This has to be changed for the dates to change colors // date_range_start: null, date_range_end: null };

Yes, I told you about the !important thing because I will delete those vars from the jquery code in the next update..

Greetings

Hi, I have bought this item however I seem to be having trouble getting the events to span a number of days.

When I add an start and end date it only shows up on the start date in my calendar.

Could you please advice how to fix this

Thank You

Please send me some URL through the contact form in my profile and I will take a look..

Thank you

Hi Diego, I’m trying the demo json but I do not work.

I also bought the Wp version, is possible connect the mysql db with this script (i know…is js), or modify the wp version but without using…Wp?

Something like this:

“date_selected”: “2012-05-10”

As you can see in the demo example.

Greetings

Yes Diego, i know :-) but if i want a dynamic date? I wish the date was changed automatically every day, unless I edit the file every day…like in index.html

Hi,

I now see a bug when you don’t specify a selected_date value. I will fix it and upload the package, so you can download it in a couple of hours.

Greetings

Demo not working

Hi,

It’s working correctly for me. Please try again

Hi! How am I gonna use PHP and mysql to print the array too? Please! You’ll save me! :) Thank you!

It depends of your db structure and the php framework that you use, if you have some knowledge you should can do it with no problems, also you can find tutorials in the net.

Greetings

Is there a way to pay you to do this for me? I mean like helping me further to connect it with my mysql db and retrieve data from there.

Thanks.

Just answered your email.

Greetings

Hi How can I connect it with MySQL? I want to retrieve the events from a mysql DB. Is that possible?

Hi,

This is a jquery plugin, so you must to use a javascript array to add events, you can use PHP and mysql to print the array too.

Greetings

What else I can put in the description of the event, I can post images?

Hi,

You can use HTML tags in the event description.

Thank you for your interest

Hi, is there na option in this script to simple show all events in whole month? I want to present all events to my users, when they don’t select specific day.

Hi,

That’s not currently possible with this plugin.

Thank you for your interest

I’m seeing a problem with the demo. You have the array starting on month 7 for year 2011, but none of those events are showing up in July 2011, they start in August. Why is that? I think there is a bug in the code. Can you please confirm?

I also noticed that if I try to put in a link in the description area, all HTML tags are converted to ASCII and the link no longer works. It shows correctly with the highlight and all. Also can’t post images etc.

Great calendar, but won’t work for our purposes after all.

Hi,

About the month number, this was the first plugin that I did here, and I supposed that mostly developers would buy so I tried to make it as most standard as it is in JS. But I think you are right and probably I’m going to change it in the next version. If you need it with urgency, please send me a message through the contact form in my profile and I will send you the updated file.

About the HTML tags, you should have no problems to add links or images taking care with the double/single quotes. If you have any issue, send me the URL through the contact form.

Greetings

Thanks for your response :) I’m a ColdFusion developer, so I’m used to messing with code, this one just thew me a curb ball. I of course did not read the documentation, just started pulling events from our database with little alterations.

I’m actually going to bypass the link and image display problem by opening a modal window that pulls the content from the db with Ajax.

Hola, tengo un problema con el calendario

Uncaught TypeError: Object [object Object] has no method ‘dp_calendar’

me puedes ayudar por favor

Hola,

Enviame la URL a traves del formulario de contacto en mi perfil.

Un saludo

Hola, edité el archivo core.php sólo añadí las líneas para incluir los js, justamente antes de crear el calendario, seguramente un conflicto con otro plugin Saludos. Gracias por responder

Hey

Have you got any idea on the ETA of the JSON feed for the data?

Thanks

Hi,

Sorry, but I have been pretty busy with other plugins updates, I will try to do it during the upcoming month.

Greetings

Hi DPereyra,

Can we used XML file as an event for the calendar? I mean get the data event from XML file eg. event.xml. Its possible?

Thanks

Hi,

This is not currently possible, but I will add xml support in a future update.

Thank you for your interest.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey