Hello
On my website are 2 DatePicker controls ("from" and "to"). I use the unobtrusive option and a model where the values of the 2 DatePickers are stored and sent to the server with ajax.
What I want to achieve is the following:
When the "from" date is changed, check if it is bigger than the to date, if so set "to" to "from".
When the "to" date is changed, check if it is smaller than the from date, if so set "from" to "to".
Therefore I have a function for the "onChange" event of both DatePickers, where I check these conditions.
However, if I want to access the DatePickers like this "var fromDP = $("#FromDatePicker").data("ejDatePicker");" the variable is "undefined".
If I try to access it like this "var fromDP = $("#statsFromDatePicker").ejDatePicker('instance');" I always get the following error:
"Uncaught ejDatePicker: methods/properties can be accessed only after plugin creation. Error: ejDatePicker: methods/properties can be accessed only after plugin creation"
It seems a bit odd that I get this error, since the control is clearly created (I can choose dates and the onChange event is fired).
Since I use the "FOR" controls I need to change some things, as stated in the article
How to define properties for FOR controls, however this did not change anything for me. I still get the same errors as before.
In my .cshtml the DatePickers are like this:
...
@(Html.EJ().DatePickerFor(f => f.From, (Syncfusion.JavaScript.Models.DatePickerProperties)ViewData["fromProperties"]))
...
The controller code:
...
var fromProperties = new DatePickerProperties
{
Locale = "en-GB",
DateFormat = "dd.MM.yyyy",
HtmlAttributes = new Dictionary<string, object> { {"id", "FromDatePicker" } },
Change = "datePickerFromOnChange",
Create = "datePickerOnCreate"
};
ViewData["fromProps"] = fromProps;
...
Could you help me solve this issue?
Kind regards
Phil
