Ytukyg

I have an asp.net form with various textboxes and kendo datepickers. I allow the user to fill in the form and if they decide to start again I have a reset button for them.

The reset button should reset the form to its original model data. To be clear I don't want to reset the form to blank values, I want to reset all the inputs to their original model values.

This works nicely for the textboxes however after hitting the reset button the datepicker simply displays a "d" and not the original model value.

I use the following javascript/jquery to reset the form:

$(this).closest('form')[0].reset();

Here is my extract form code with the datepicker:

<tr>

    <td><label asp-for="Aircraft.SerialNumber" class="frm-label"></label></td>

    <td>

        <input asp-for="Aircraft.SerialNumber" autocomplete="off" class="k-textbox k-state-disabled" style="width:400px" disabled />

        <span asp-validation-for="Aircraft.SerialNumber" class="text-danger"></span>

    </td>

</tr>

<tr>

    <td><label asp-for="Aircraft.ManufactureDate" class="frm-label"></label> 

    </td>

    <td>

        <kendo-datepicker name="DatePicker" for="Aircraft.ManufactureDate" class=""  style='width: 400px;' />

        <span asp-validation-for="Aircraft.ManufactureDate" class="text-danger"></span>

    </td>

</tr>

I'm not sure wether this problem lies with the telerik widget or my jquery/javascript code so I have also posted here

I tried with code sample :https://demos.telerik.com/aspnet-core/datepicker/tag-helper

And using :

$("#FormID").trigger("reset");

It can successfully reset datetimepicker to default model value :

  <kendo-datepicker name='datepicker'

                      for="OrderDate" 

                      style='width: 100%;'></kendo-datepicker>

But not work for datetimepicker which set with static value(change to format string) :

  <kendo-datepicker name="monthpicker"

                      start="CalendarView.Year"

                      depth="CalendarView.Year"

                      format="MMMM yyyy"

                      value='DateTime.Parse("November 2011")'

                      style="width: 100%;"></kendo-datepicker>

But you can always set the value for that(store value form model/viewbag in hidden field) :

$("#monthpicker").val("November 2013")

EDIT :

So as a workaround , you can add hidden field :

<input type="hidden" id="DeOrderDate" asp-for="OrderDate"/>

And then use Jquery to re-bind the value :

$("#FormID").trigger("reset");

$("#OrderDate").data('kendoDatePicker').value($("#DeOrderDate").val())

That should work for special scenario .