jQuery UI Widgets Forums Editors Calendar Multi Special Dates

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Multi Special Dates #31388


    Hi all,

    Have been trying and evaluating your great library and how easy and powerful for 1 month
    Have also 2 concern about the lovely Calendar you have which are:

    1- How to assign many dates for “Special Dates” as a Schedule?
    for (x=0;x<y;x++){

    $("#selected_date").jqxCalendar('addSpecialDate',fx, '', 'sometext');
    fx=calc(fx,dayinfo); //function to generate newdate after some days.
    Result: only the last date is assigned.
    and how to invoke an array of some dates to the syntax like:

    $("#selected_date").jqxCalendar('addSpecialDate', ARRAY, '', 'sometext');

    2- Any new features for 'multiselection' feature?

    Thank you in advance!!


    Multi Special Dates #31426


    Hello Walid,

    1) Here is how to make the “schedule”:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtooltip.js"></script>
    <script type="text/javascript" src="../../jqwidgets/globalization/globalize.js"></script>
    <div id='content'>
    <script type="text/javascript">
    $(document).ready(function () {
    var theme = "";
    // Create calendar.
    $("#jqxWidget").jqxCalendar({ enableTooltips: true, width: 220, height: 220, theme: theme });
    for (var i = 0; i < 12; i++) {
    var date = new Date();
    $("#jqxWidget").jqxCalendar('addSpecialDate', date, '', 'Special Date ' + (i + 1));
    <div id='jqxWidget'>

    The result is that every month from the start of the year, there is a special date on the current date (i.e. 28th).

    Unfortunately, you cannot pass an array as a parameter to the addSpecialDate method.

    2) You can select multiple dates as shown in the demo Range Selection.

    Best Regards,

    jQWidgets team

    Multi Special Dates #32260


    Thank you,

    Would like to clearly explain my second issue as:

    – The mentioned Demo is for a range select which means the selected dates has to be sequential.
    – My issue to freely select random dates like( 24/12/2013 , 24/12/2013, 15/01/2014).

    Hope I made myself clear !!

    Thank you again for you support Dimitar.



    Multi Special Dates #45745


    Hi Wmekky,

    Unfortunately, this feature is not supported by jqxCalendar.

    Best Regards,

    jQWidgets team

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

You must be logged in to reply to this topic.