Multi Special Dates - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: addSpecialDate, array, calendar, date, jqxCalendar, multi, multiple, range, select, selection, special, special date

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

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

Author

Multi Special Dates Posts
October 26, 2013 at 4:35 pm Multi Special Dates #31388

Wmekky
Participant

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?
Example:
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!!

Walid

October 28, 2013 at 9:23 am Multi Special Dates #31426
Dimitar
Participant
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">
<head>
    <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>
</head>
<body>
    <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();
                    date.setMonth(i);
                    $("#jqxWidget").jqxCalendar('addSpecialDate', date, '', 'Special Date ' + (i + 1));
                };
            });
        </script>
        <div id='jqxWidget'>
        </div>
    </div>
</body>
</html>
```
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,
Dimitar

jQWidgets team
http://www.jqwidgets.com/
November 8, 2013 at 11:37 am Multi Special Dates #32260

Wmekky
Participant

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.

Regards,

Walid

December 2, 2013 at 5:56 am Multi Special Dates #45745

Dimitar
Participant

Hi Wmekky,

Unfortunately, this feature is not supported by jqxCalendar.

Best Regards,
Dimitar

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

Posts

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

You must be logged in to reply to this topic.