Telerik Forums
Kendo UI for jQuery Forum
1 answer
80 views

Hello,

question about a calendar/scheduler capability. Something that is a regular feature of a service like calendly for instance.

We have a use-case where a user would schedule a series of meetings (eg. interviews), covering a specified period (eg. 2 weeks) and business hours for meetings (eg. 9am - 3pm). Then the user sends an invitation to say 50 people asking them to book their times (eg. 1 hour) .

Their calendar gets updated as the invitees keep booking their meetings and they always see the latest view of what is booked and what isn't.

This saves the user scheduling the meetings having to follow up with everyone and do it one by one., so basically invitees do the work.

Does Kendo UI Calendar/Scheduler support meeting invitations like this out of the box, or it would have to be a custom programmed view?

Thanks much, appreciate your help.

Dan

 

Neli
Telerik team
 answered on 23 Jun 2021
1 answer
148 views

Hello, we use an OnlyOffice calendar for our scheduling.  We need to make that calendar visible outside of OnlyOffice.  Unfortunately OnlyOffice doesn't support iframing of calendars.

However it does provide a way to export an iCal via a URL.

I'm hoping the Kendo Scheduler can import that iCal (same domain, different FQD, ie www.domain.com is the display site, data is coming from onlyoffice.domain.com).

I found the example on how to use the scheduler, but it refers to loading a local iCal, which doesn't help me.

I've also had great difficulty finding adequate documentation for this?  Something simple like:

1) what to load

2) how to initialize from different sources, including a remote a ical

3) how to make sure the calendar is read only

Any and all help is appreciated.

Thanks!

Charles

Neli
Telerik team
 answered on 01 Jun 2021
4 answers
188 views

How to set multiple date in the calendar with mvvm.

I have my calendar :

<div id="calendar1" data-role="calendar"
          data-bind="value: Cvalue,
          dates: Csource,
          events:{change: ConChange}">
</div>

 

JS, view model:

Cvalue:null,
Csource:[],
Conchange:function(){
}
                

 

Csource contains:

[
 {"nome":"1"},{"data":"21/112017"},
 {"nome":"2"},{"data":"22/112017"},
 {"nome":"3"},{"data":"26/112017"},
 {"nome":"4"},{"data":"28/112017"},
 {"nome":"5"},{"data":"29/112017"}
 ]

 

 

Cain i see this dates with different color in the calendar?

and at onChange of day, i'd like to print the name of date;

 

 

 

 

 

 

 

Nikolay
Telerik team
 answered on 03 Mar 2021
3 answers
696 views
I have an ask to allow the user to set work hours and to set work hours for specified days of the week.  is this possible?
Nikolay
Telerik team
 answered on 04 Dec 2020
2 answers
6.0K+ views
I've been searching through documentation and fourms with no luck.

When you create a calendar, it has a default value of null. No date is selected. I want to clear the calendar to no selection progrmaticly. If I send null via the value method it errors out and I couldn't find any other clear method.

is this possible?
todd
Top achievements
Rank 1
 answered on 02 Sep 2020
4 answers
427 views

I am trying to stop the navigation on the Calendar to use it for displaying information.  Still need the ability to select a day.
 
I have tried setting navigate event with
 
e.preventDefault() and e.preventDefault() ; return false;
 
but neither of these seem these work any ideas
 
Thanks

Angel Petrov
Telerik team
 answered on 25 Feb 2019
3 answers
404 views

Hi, i am currently using kendo calendar control in my application i wanted to use multi-language for numbers and date formats and all other options in en-GB. I am currently using the code below to override the culture it works fine. 

var customCulture = $.extend({}, kendo.culture(), {
                name: "custom-culture",
                calendars: {
                    standard: {
                        days: {
                            names: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
                            namesAbbr: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
                            namesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"]
                        },
                        months: {
                            names: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
                            namesAbbr: ["Jan", "Feb", "Mrz", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"]
                        },
                        patterns: {
                            d: "dd/MM/yyyy",
                            D: "dd MMMM yyyy",
                            F: "dd MMMM yyyy HH:mm:ss",
                            g: "dd/MM/yyyy HH:mm",
                            G: "dd/MM/yyyy HH:mm:ss",
                            m: "d MMMM",
                            M: "d MMMM",
                            s: "yyyy'-'MM'-'dd'T'HH':'mm':'ss",
                            t: "HH:mm",
                            T: "HH:mm:ss",
                            u: "yyyy'-'MM'-'dd HH':'mm':'ss'Z'",
                            y: "MMMM yyyy",
                            Y: "MMMM yyyy"
                        },
                        firstDay: 1
                    }
                }
            });

 

But the problem is i don't want to change the patterns setting from the clients culture i need to remove this from being over ridden. If i remove this patterns code piece it all stop working. Is there any way to do this ?? 

 

Thanks a lot in advise. 

 

 

 

 

Alex Hajigeorgieva
Telerik team
 answered on 27 Nov 2018
6 answers
629 views

Hello, 

 

I have a specific request - enable user to display and select date range when click on the single button or on text box. Behavior of date picker suits fine, but unfortunately it lacks ability to select date range. On the other side, calendar widget has ability to select date range, but I cannot figure out how to bind it to the text box and show - hide on demand.

 

Is there any way to achieve this?

 

Thank you in advance.

Regards,

Vedad

Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
 answered on 02 Nov 2018
3 answers
575 views

I'd like to use the calendar widget but what I need is to be able to highlight certain dates. I have a result set from SQL that returns pay dates. I want to highlight the paydates, which will ultimately act as a parameter when passed into another method to do other things.

How would I go about doing this?

Eduardo Serra
Telerik team
 answered on 23 Jan 2018
5 answers
113 views
I want to import the calendar in angular2/4 project? What are the steps for installation?
Eduardo Serra
Telerik team
 answered on 05 Jan 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?