Min/Max date for datepicker

[Kuntal Patel]

Hello,

I want to restrict date selections to some range in Gantt. e.g. Start date and end date should be between a defined range. It will be fine if it can be set during Gantt initialization or at the time of editing the date fields.

How to set min/max dates for date picker at the time of editing the Gantt?

[Suriyaprasanth Ravikumar]

Hi Kuntal, 

Thanks for contacting Syncfusion support. 

We can set the maximum and minimum date to start date and end date column in Gantt by add editParams property to these columns. 

We have added minDate and maxDate value in editparams  of  start date and end date columns in “Load” client side event. 

Please find the code snippet below. 

@(Html.EJ().Gantt("GanttContainer") 

  //.. 

.ClientSideEvents(eve => 

                                      { 

                                          eve.Load("load"); 

                                      }) 

  //.. 

) 

 

 

function load() { 

                var column = this.getColumns(); 

                for (var index = 0; index < column.length; index++) { 

                    if (column[index].editType === "datepicker") { 

                        column[index].editParams = { minDate: "02/23/2014", maxDate: "03/30/2014" }; 

                    }  

                   } 

              } 

 

We have also prepared the sample for your reference, please find the sample from below location.  

Sample Location: http://www.syncfusion.com/downloads/support/directtrac/general/ze/BasicMVC_sample286975219.zip 

  

Disclaimer: We have removed bin and obj folder in the given sample for some security reasons, 

we must include Syncfusion.EJ and Syncfusion.EJ.MVC dlls to render the Gantt control which is available in Essential studio installed location. 

Please let us know if you require further assistance on this. 

 

Thanks, 

Suriyaprasanth R.