Holidays

[hellyeahParticipant]

Hello

IS there a way in jqx calendar to define an array or somewhat similar to define date range of holiday and corresponding tooltip for detailed explanation also color for fonts may be?

IS it possible to do that?

Thanks

[DimitarParticipant]

Hello hellyeah,

Maybe the Special dates functionality is what you are looking for.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[hellyeahParticipant]

yeah it looks like specialDates what i am looking for.
But i want to set calendar for all holidays that can be one day or dates of range. We are in march right now but also i want to set holiday of June. Is it possible to set dates or range of dates for spesical dates.

Hope my sentences are clear.

Thanks

[DimitarParticipant]

Hi hellyeah,

You can set multiple special dates simultaneously by setting the specialDates property, e.g.:

var date1 = new Date();
date1.setDate(5);
var date2 = new Date();
date2.setDate(6);
$("#jqxCalendar").jqxCalendar({
  width: '200px',
  height: '200px',
  enableTooltips: true,
  specialDates: [{
    Date: date1,
    Class: '',
    Tooltip: 'Date 1'
  }, {
    Date: date2,
    Class: '',
    Tooltip: 'Date 2'
  }]
});

However, ranges of special dates cannot be defined.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[hellyeahParticipant]

that was really nice Thank you.

Is it possible to give all dates like April 5 2016 or may 27 2016 thanks.

[DimitarParticipant]

Hi hellyeah,

Please try the following:

$("#jqxCalendar").jqxCalendar({
  width: '200px',
  height: '200px',
  enableTooltips: true,
  specialDates: [{
    Date: new Date(2016, 3, 5),
    Class: '',
    Tooltip: 'Date 1'
  }, {
    Date: new Date(2016, 4, 27),
    Class: '',
    Tooltip: 'Date 2'
  }]
});

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[hellyeahParticipant]

hey i know ask too many questions. I didnt mean to flood the forum.

Is there anyway to check spesific date is special date or not?

Thank you.

[DimitarParticipant]

Hi hellyeah,

Please refer to the following example: https://www.jseditor.io/?key=jqxcalendar-check-special-date. We hope it helps.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts