remove special dates from calendar

[hellyeahParticipant]

I am hoping you guys allow me to past jsfiddle. My question is kinda spesific.
I am using jquery ui datepicker and jqx calendar. You can create datepickers with + button as many times as you want.
And when you select date of range you will see date of range in jqx calendar will be colorized.
Also when you select two dates from “from” and “to” you will se poencil button showed up.
What i want is to remove special date from jqx calendar.

For example

In the first datepickers you choose 11 Feb – 16 Feb
In the second datepicker you choose 21 Feb – 26 Feb

You click second pencil button and all dates will be deleted. What i want is just remove 21 Feb – 26Feb.

Any idea or feedback about this. Thanks jsfiddle link is below.

http://jsfiddle.net/rsw4z8tw/9/

[HristoParticipant]

Hello hellyeah,

We can give you advice about our widgets. You could try with our widgets – ‘jqxCalendar’ and ‘jqxDateTimeInput’.
Please take a look this example: http://jsfiddle.net/txhi/zyhfm6oo/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[hellyeahParticipant]

Hello dear Hristo,

Thanks for an answer it seems pretty straightforward. But what i want actually creating multiple instance and using all of them to colorize below calendar. This example create DateTimeInput when you click create button but i couldnt use the calendar feature. Jqx doesnt allow to use multiple instance. Example is below.

http://jsfiddle.net/zyhfm6oo/10/

Thanks

[hellyeahParticipant]

i fixed that i am sorry

[hellyeahParticipant]

Hristo hey again , couldnt find a way to send p.m. to you. jqx widget has online support or something i mean it is like a channel in freenode may be thanks.

[hellyeahParticipant]

Hristo i am sorry for posting so many message.

Here is my fiddle you can create multiple elements http://jsfiddle.net/zyhfm6oo/14/ .

Is there a way to remember what dates are selected in pervious calendar and make calendar colorized right now when you create element and select dates of range. It removes color in dates that was selected perviously thanks.

[HristoParticipant]

Hello hellyeah,

Unfortunately it is not possible.
You could use own logic to collect each new date from new DateTimeInput in one object with key/value pair.
Or some different way.
Please take a look this suggestion: http://jsfiddle.net/txhi/jn0mdkoL/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[hellyeahParticipant]

Hey Hristo thanks for answerrs really helped a lot.
I guess jqx calendar have feature for addSpecialDay but dont have removeSpecialDate what i mean is
When you create multiple calendar and when select the date i want to colorize date of range.
There are multiple date of ranges. User can think to update one of date range. In that case i need to remove color from datetimeinput and allow user to colorize different dates if you know what i mean.

One of example i have, i want to share with you is

http://jsfiddle.net/1ndnqchu/42/

you can create multiple datepickers and colorize the jqx calendar. You will see pencil button beside input boxes. My plan is to remove from color when user click one of pencil button “spesific date of range” but i guess jqx calendar doesnt have that feature. The thing you can do is to remove all dates in the calendar.

Imho, that could be nice to add that features.

Best regards.

[HristoParticipant]

Hello hellyeah,

Thank you for the interest to our product. We will discuss this suggestion.
I would like to propose to you to consider the possibility of jqxScheduler.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[hellyeahParticipant]

ir looks fantastic really Thank you letting me know.

[Author]

Posts