Product Bundles
DevCraft
All Telerik .NET and Kendo UI JavaScript components and AI Tools in one package.
Kendo UI
Bundle of AI Tools plus four JavaScript UI libraries built natively for jQuery, Angular, React and Vue.
Build JavaScript UI
Javascript
Agent and App Development Solutions
Build. Accelerate. Govern.
AI-Ready Application Experiences
AI-Assisted SDLC
Agent Governance and Control
Telerik
Build modern .NET business apps
.Net Web
Desktop
Reporting and Documents
Cross-Platform
Additional Tools
Enhance the developer and designer experience
Testing & Mocking
CMS
Debugging
UI Tools
Free Tools
Support and Learning
Productivity and Design Tools
Hi,
How can i render a kendo datepicker inside a kendo script template? With the help of javascript?
here is a simple sample:
<script id="user-template" type="text/x-kendo-template"> <div id="column"> <input id="datePicker1" /> </div> </script>
Hello Juan,
You could use an element rendered in the template and initialize the Kendo widget when the page is loaded. Below is an example:
<script type="text/x-kendo-template" id="myTemplate"> <input id="datePicker" /> </script> <div id="example" /> <script> $(function() { $("#datePicker").kendoDatePicker(); }); var templateContent = $("#myTemplate").html(); var template = kendo.template(templateContent); $("#example").html(template); </script>
Here is a Dojo example where this is dmeonstrated.
Regards, Neli Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.