Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

Using jQuery UI

Alysson

How list events in Jquery UI datepicker

in Using jQuery UI • 5 years ago

i need list events (birthday parties, events ) in Jquery UI Datepicker, When I click on these events, I'd like to change the hover for example in the calendar.

Example image:

Code today:

codepen.io/abech/pen/VrWOLR

Replies(11)

jakecigar

Re: How list events in Jquery UI datepicker

5 years ago

https://codepen.io/jakecigar/pen/vWJLZr sets up hover titles for the days inside the calendar. It also add an event where you can know that the event in eventos was clicked.

But I don’t understand what you want to do. Jump to that date? How do you want to change the hover text?

JΛ̊KE

Leave a comment on jakecigar's reply

Alysson

Re: How list events in Jquery UI datepicker

5 years ago

Hi, first thanks.

Yes, change the hover date into calendar.

jakecigar

Re: Re: How list events in Jquery UI datepicker

5 years ago

change the hover date into calendar

Doesn’t make any sense to me. Try to rephrase it.

JΛ̊KE

Leave a comment on Alysson's reply

Alysson

Re: How list events in Jquery UI datepicker

5 years ago

Change the color / hover of the day corresponding to the event within the calendar

Leave a comment on Alysson's reply

jakecigar

Re: How list events in Jquery UI datepicker

5 years ago

https://codepen.io/jakecigar/pen/vWJLZr is updated to send a fake click to highlight the date.

JΛ̊KE

Leave a comment on jakecigar's reply

Alysson

Re: How list events in Jquery UI datepicker

5 years ago

Thanks so much

Leave a comment on Alysson's reply

jakecigar

Re: How list events in Jquery UI datepicker

5 years ago

I wasn’t happy with that code, so I changed it to make it also move to the correct month.

https://codepen.io/jakecigar/pen/vWJLZr <--

JΛ̊KE

Leave a comment on jakecigar's reply

Alysson

Re: How list events in Jquery UI datepicker

5 years ago

Interesting, but if i need use 2 dates events ( begin - end ), and click in list events this date click/hover then between dates.

jakecigar

Re: Re: How list events in Jquery UI datepicker

5 years ago

You don’t display the second date, and I did not use it. It goes to the first date.

JΛ̊KE

Leave a comment on Alysson's reply

Alysson

Re: How list events in Jquery UI datepicker

5 years ago

Hi, I add 2 dates ( begin, end ), but i dont know, how i can active class highlight or change the color, in the between dates ( 05/11/2017 at 07/11/2017 for example)

https://jsfiddle.net/Lqb63he6/

Leave a comment on Alysson's reply

jakecigar

Re: How list events in Jquery UI datepicker

5 years ago

I would build an intermediary object that has all the dates inside the ranges as keys.

Then use that object inside beforeShowDay.

JΛ̊KE

Leave a comment on jakecigar's reply

Change topic type

Topic Type :

No of days :

Link this topic

Provide the permalink of a topic that is related to this topic

Permalink

Reply to Alysson's question

Top Reply

{"z657220368":[14737000007463020,14737000007463027,14737000007463029,14737000007463031,14737000007463033,14737000007471081],"z2950240":[14737000007465005,14737000007465009,14737000007465011,14737000007465013,14737000007465015,14737000007476181]}

Statistics

11 Replies
7376 Views
1 Followers

Actions

Permalink

Response title

Attachments

Replies(11)

Statistics

Tags

Actions