Scheduler doesn't display current date in k-nav-current

3 posts, 0 answers
  1. Andres
    Andres avatar
    31 posts
    Member since:
    May 2011

    Posted 22 Jan 2014 Link to this post


    I'm using a Scheduler defined like this:

        date: new Date(),
        startTime: new Date("2013/11/27 07:00 AM"),
        endTime: new Date("2013/11/27 06:00 PM"),
        workDayStart: new Date("2013/1/1 08:00 AM"),
        workDayEnd: new Date("2013/1/1 6:00 PM"),
        selectable: true,
        views: [
            { type: "day", allDaySlot: false },
            { type: "week", selected: true, allDaySlot: false },
        editable: {
            template: kendo.template($("#schedulerTemplate").html())
        dataSource: _dataSourceDetailedAppointmentScheduler,
        edit: _api.onEditScheduler,
        cancel: _api.onCancelScheduler,
        save: _api.onSaveScheduler,
        navigate: _api.onNavigate,
        moveStart: _api.onMoveStart,
        mobile: true,
        messages: {
            cancel: "Cancelar",
            date: "Fecha",
            deleteWindowTitle: "Borrar visita",
            event: "Visita",
            save: "Guardar",
            showFullDay: "Mostrar las 24 Horas",
            showWorkDay: "Mostrar horas laborales",
            time: "Hora del día",
            today: "Hoy",
            editor: {
                editorTitle: "Crear/Editar Visita"
            views: {
                day: "Día",
                week: "Semana",
                month: "Mes",
                workWeek: "Semana laboral"
        resources: [
                field: "CommertialRepresentativeId", // The field of the scheduler event which contains the resource identifier
                title: "Representante Comercial", // The label displayed in the scheduler edit form for this resource
                dataSource: [
                        text: "Representante 1", // Text of the resource instance
                        value: 1, // Identifier of the resource instance, use that value to assign an event to this instance.
                        color: "#ff0000" // Used as the background of events assigned to this resource.
                multiple: false // Indicate the this is a multiple instance resource
    But the k-current-nav styled anchor element:

    <li class="k-state-default k-nav-current"><a role="button" href="#" class="k-link"><span class="k-icon k-i-calendar"></span><span data-bind="text: formattedDate"></span></a></li>
    Does not display a formattedDate as it should. I went through the API but there seems to be no way to override this "formattedDate" property.

    Could you please point me in the right direction?


    PS: I've attached an image file that shows an icon without any text where the formattedDate range should appear.
  2. Rosen
    Rosen avatar
    3253 posts

    Posted 23 Jan 2014 Link to this post

    Hi Andres,

    Unfortunately, it is not clear what may be the cause for the described behavior looking at the provided information. Could you please verify that there are no JavaScript errors on the page? Also it will be appreciated if you could provide a small sample in which this issue can be observed locally. 

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Dorian
    Dorian avatar
    21 posts
    Member since:
    Nov 2013

    Posted 11 Sep 2014 in reply to Rosen Link to this post

    Rosen, I've just had the same problem and resolved the issue.

    I'm doing a MVVM SPA application but I started my scheduler outside the observable object as Anders did.
    That lead to the ObservableObject trying to bind with the scheduler although it shouldn't have. It resulted in the aforementioned error.

    So I did a minor workaround to start my scheduler after the binding process is complete and now everything works peachy.
Back to Top