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

DatePicker Custom Footer Without Link

1 Answer 732 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
dwhite
Top achievements
Rank 1
dwhite asked on 13 Apr 2015, 10:01 PM

I'm trying to use a custom footer in the KendoUI DatePicker, I'm able to do this, however it's always wrapped in the today link. For example:

 

<a href="#" class="k-link k-nav-today" title="Monday, April 13, 2015">
    ... My Custom Footer Code ...
</a>

Is there a way to prevent my footer code from being wrapped in the link?

1 Answer, 1 is accepted

Sort by
0
Accepted
Alexander Popov
Telerik team
answered on 15 Apr 2015, 01:45 PM
Hi dwhite,

This is not supported out of the box, however you can achieve similar results using the open event handler and manual DOM manipulations. For example: 
<script id="footer-template" type="text/x-kendo-template">
    <strong>#=text#</strong>
</script>
<script>
$("#datepicker").kendoDatePicker().getKendoDatePicker().one("open", function(e) {
  var t = kendo.template($("#footer-template").html());
  var dp = this;
  setTimeout(function(){
    dp.dateView.popup.wrapper.find(".k-footer").append(t({text: "testing"}));
  });
});


Regards,
Alexander Popov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Date/Time Pickers
Asked by
dwhite
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Share this question
or