Questions on Kendo UI for jQuery Forum

5 answers

79 views

Calendar: Fixed selection, disappear if going past/future

I've a trivial problem with calendar. Once the value is set, the user can't set any other value on the same view. The problem disappear if the user go to the future/past and come back.

Here my implementation, it's quite simple

I've a div with id calendar, on document ready:
<div id="calendar" style="display: none; width: 600px;"></div>

<script>

$(document).ready(function () {
var d = DateStringISO2date($("#string_value").val());
if (d == '') d = new Date();
//d is a valid date, always

$("#calendar").kendoCalendar({
value: d,
depth: "month"
});

...

//next

function calendarSetValue(e)
{
var d = DateStringISO2date($("#string_value").val());
if (d == '') d = new Date();

var calendar = $("#calendar").data("kendoCalendar");
calendar.value(d);
//calendar.navigateDown(calendar.value()); I've tried to navigate to va
}

}

Best regards,
Davide

Calendar

answered on 01 Jan 2014

1 answer

72 views

Year navigation just like month

Is there any way to change the year just like month on single click(i.e clicking on side arrows),
now in order to change the year we must make 3 clicks.

The problem is I kept the calendar in Drop down list, so if i want to change the year,
I must open the drop down 3 times this is horrible to user.

Calendar

answered on 06 Dec 2013

4 answers

127 views

calendar selected date listener

how do i listen to a selected date when pre-selected

Calendar

answered on 04 Dec 2013

4 answers

358 views

Date range picker

Is there any way how to use Date picker for selecting two dates (from and to) ?

Usually there are couple ways how to achieve it (most popular see below):
- two text fields
- one date picker widget with possibility to select two dates (like google analytic has)

Calendar

answered on 15 Nov 2013

1 answer

242 views

How to disable (still display) month header over Kendo Calendar widget ?

Hi,

As a part of client requirement our team needs to use Kendo Calendar while highlighting few dates. Further user should not be able to navigate to any other month/year (which is done through min/max). Moreover, when user clicks on the header part (link displaying the month info e.g. October 2013) a different view gets displayed. We are trying to disable (still display) this header link at top but to no avail (refer screenshot attached).

Can you guide how can this be achieved?

Thanks,
Prasad

Calendar

answered on 24 Oct 2013

10 answers

712 views

Full Calendar

Hi,

Does Kendo UI will have a full calendar? Like:

http://arshaw.com/fullcalendar/

Greetings.

Calendar

answered on 23 Oct 2013

1 answer

165 views

Calendar swipe

Using this example:
http://demos.kendoui.com/web/calendar/template.html

Is there any easy & quick way to make the calendar navigate on swipe event? It is easier for tablet users than having to click on the arrows (I think).

Thank you.

Calendar

answered on 21 Oct 2013

1 answer

51 views

"Customizing templates" example using REST data

Hi there,

Inspired by the example on the demos site, I attempted to populate a calendar to show days when our system receives FTP uploads. Here is what I've got so far:

01.<script type="text/javascript">

02. var today = new Date();

03. var events = [];

04. $.getJSON(url, function(json){

05. for (var i = 0; i < json.length; i++){

06. events.push(new Date(json[i].Year, json[i].Month -1, json[i].Day));

07. }

08. $('#connectionCalendar').kendoCalendar({

09. value: today,

10. depth: "month",

11. start: "month",

12. dates: events,

13. month: {

14. content: '# if ($.inArray(+data.date, data.dates) != -1) { #' +

15. '<div class="date-received">' +

16. '#= data.value #' +

17. '</div>' +

18. '# } else { #' +

19. '<div class="date-empty">' +

20. '#= data.value #' +

21. '</div>' +

22. '# } #'

23. },

24. footer: false

25. });

26. });

27.</script>

The code appears to be parsing okay, as I'm getting the date-empty class applied to each of my calendar elements. The JSON is arriving okay, and events is being populated, which leaves me with two scenarios that I can think of:

The async fetching of data is out of step with the calendar being built.
The $.inArray function is not behaving as intended with my new dataset.

Any help you guys can offer would be greatly appreciated. Thanks!

Calendar

answered on 17 Oct 2013

1 answer

129 views

Problem with Timezone

Using 2013.9.18

I'm defining a kendoScheduler with

timezone: "Etc/UTC"

It works great, in my database the times are stored in UTC and depending on whether I load the page in San Francisco (GMT+7) or Minneapolis (GMT+5), the same event shows two different starting times depending on the user's geographical location. The kendoScheduler seems to convert the dates to local time and this is great for me. (The documentation indicates it should do the opposite, but this is the effect I wanted so for now I'm happy).

The problem is that it computes local time wrong. In Minneapolis, it takes GMT and adds 5 and in San Francisco, it takes GMT and adds 7. It should be subtracting these values, not adding them! If it's 00:00 GMT, it's 17:00 the previous day in San Francisco, not 07:00.

Has anyone else had the same sort of issues? Searching the forums, it seems like I'm not the only one encountering this.

Calendar

answered on 10 Oct 2013

1 answer

66 views

Populating the calendar

I am trying to populate the calendar control with the following information

List of dates that I have pulled back from the database, and with each date there is a set of events or text that I want to display. So it could be something like this.

1. 9/23/2013
Office Visits
Labs

2. 9/30/2013
Office Visits

3. 10/3/2013
Labs

And so on, and for each of these dates, I want to give the ability for the user to click on it and bring it to the page that I have associated with that date. I am doing this all through MVC, no client code for this time round, so I have everything coming back the way I want. Just not seeing how I can populate the calendar the way I want.

Calendar