This is a migrated thread and some comments may be shown as answers.

Using dateHeaderTemplate can't link from Week view to Day view

5 Answers 129 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
salvador
Top achievements
Rank 1
salvador asked on 07 Nov 2013, 10:55 AM
Hello everyone,

    I'm using dateHeaderTemplate:
dateHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'ddd d/M')#</strong>")
    But when I click in date header from Week view the scheduler doesn't link to Day view.

    How could I use dateHeaderTemplate and it is allowed link to day view?

Thank you
Regards

5 Answers, 1 is accepted

Sort by
0
salvador
Top achievements
Rank 1
answered on 07 Nov 2013, 02:16 PM
I have another template and date format question.

How could I change datetimepicker format in editor template?
<script id="editor" type="text/x-kendo-template">
   <div style="margin-left:50px">
   <table style="width:100%;">
       <tr>
           <td>
               Start:
           </td>
           <td>
               <input data-role="datetimepicker" name="start" />
           </td>
       </tr>
       <tr>
           <td>
               End:
           </td>
           <td>
               <input data-role="datetimepicker" name="end" />
           </td>
       </tr>
   </table>
   </div>
</script>
 
editable: {
                template: $("#editor").html()
            },


Thank you
0
Rosen
Telerik team
answered on 08 Nov 2013, 08:24 AM
Hi Salvador,

In order navigation on header click to work you should add a k-nav-day class:

dateHeaderTemplate: kendo.template("<strong class='k-nav-day'>#=kendo.toString(date, 'ddd d/M')#</strong>")

Regarding, the picker format you should use the format option of the picker.

<input data-role="datetimepicker" name="start" data-format="dd/MM/yyyy" />


Regards,
Rosen
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
salvador
Top achievements
Rank 1
answered on 08 Nov 2013, 11:27 AM
Thank you very much Rosen,

    I was looking for the solution but I didn't found these options.

    I have been able to add the mouse over style when it is on the header, thanks for your answer.
class='k-link k-nav-day'
    For the picker format I used the data-format="dd/MM/yyyy HH:mm" and it was correct for textbox, but I would like to use "HH:mm" in time picker drop down list. I have tried with timeFormat, data-timeFormat, data-time-format, etc, but it don't work correctly.

    Is there any solution?

Thank you again
Regards
0
Rosen
Telerik team
answered on 08 Nov 2013, 12:40 PM
Hello salvador,

Setting the timeformat option seems to work as expected on my side:

<input data-role="datetimepicker" name="start" data-format="dd/MM/yyyy HH:mm"  data-time-format="HH:mm" />

You should provide a jsbin sample in which the issue can be observed locally.Regards,
Rosen
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
salvador
Top achievements
Rank 1
answered on 08 Nov 2013, 02:38 PM
Hi Rosen,

    I have tested  with data-time-format and it work correctly. Probably I wrote with a mistake previously.

Thank you very much
Regards
Tags
Scheduler
Asked by
salvador
Top achievements
Rank 1
Answers by
salvador
Top achievements
Rank 1
Rosen
Telerik team
Share this question
or