We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Add DatePicker control in Ribbon

Thread ID:





120811 Oct 17,2015 01:07 AM UTC Oct 22,2015 04:53 AM UTC JavaScript 3
Tags: ejRibbon
Soporte Turyser
Asked On October 17, 2015 01:07 AM UTC


I need to add two DatePicker controls into a Ribbon.

How can I do that?

Thanks for your time!

Kavitha Narayanan [Syncfusion]
Replied On October 19, 2015 08:54 AM UTC

Hi Soporte,

Thanks for using Syncfusion products.

Query: I need to add two DatePicker controls into a Ribbon.

Use ribbon custom contents to render the Syncfusion controls in the ribbon using the property contentID with the custom type. The contentID will get the id from input element and render the Syncfusion controls in script with the help of ribbon createControl event.




                    <div id="defaultRibbon"></div> 


           <input id="datepick"/>

           <input id="datepick1"/>



groups: [{


     id: "datepick",

     text: "DatePcker",

     type: ej.Ribbon.type.custom,//Custom type

    contentID: "datepick"//Input element id assigned to the ContentID



id: "datepick1",

text: "DatePicker",

type: ej.Ribbon.type.custom,


create:"createControl"// Ribbon CreateControl event.


function createControl(args) {

            $("#datepick").ejDatePicker({width:"100%"}); // DatePicker control render here


For your reference, we have attached a sample.

Sample: http://www.syncfusion.com/downloads/support/forum/120811/ze/sample-2039011232.zip

Kavitha N.

Soporte Turyser
Replied On October 21, 2015 06:43 PM UTC


Thanks for your response!

Kavitha Narayanan [Syncfusion]
Replied On October 22, 2015 04:53 AM UTC

Hi Soporte,

Please let us know if you have any other query.


Kavitha N.


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon