jQuery UI Widgets Forums Editors Calendar Holidays

This topic contains 7 replies, has 2 voices, and was last updated by  Dimitar 3 years, 10 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Holidays Posts
  • Holidays #82805

    hellyeah
    Participant

    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

    Holidays #82816

    Dimitar
    Participant

    Hello hellyeah,

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

    Best Regards,
    Dimitar

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

    Holidays #82839

    hellyeah
    Participant

    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

    Holidays #82874

    Dimitar
    Participant

    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/

    Holidays #83027

    hellyeah
    Participant

    that was really nice Thank you.

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

    Holidays #83031

    Dimitar
    Participant

    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/

    Holidays #83056

    hellyeah
    Participant

    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.

    Holidays #83063

    Dimitar
    Participant

    Hi hellyeah,

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

    Best Regards,
    Dimitar

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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.