Mise à jour du mois dans le contrôle kendo datetime basé sur la valeur entrée dans le contrôle de texte

Question

Je travaille sur l'application MVC. Essayer d'ajouter les mois au contrôle Kendo MVC Datetimepicker en fonction de l'événement de modification du contrôle de zone de texte.
Lorsque l'utilisateur entre les mois dans le champ Durée du contrat, il doit ajouter le contrôle de la date de priorité.

Quelqu'un pourrait-il conseiller comment cela peut-il être fait?

Durée du contrat en mois

<div class="form-group"> 
        @Html.LabelFor(model => model.ContractDurationInMonths, htmlAttributes: new { @class = "control-label col-md-4" }) 
        <div class="col-md-8"> 
         @Html.EditorFor(model => model.ContractDurationInMonths, new { htmlAttributes = new { @class = "form-control", style = "width:100%" } }) 
         @Html.ValidationMessageFor(model => model.ContractDurationInMonths, "", new { @class = "text-danger" }) 
        </div> 
       </div> 

Priorité datetime contrôle

<div class="form-group"> 
        @Html.LabelFor(model => model.Priority, htmlAttributes: new { @class = "control-label col-md-4" }) 
        <div class="col-md-8"> 
         @*@Html.EditorFor(model => model.Priority, new { htmlAttributes = new { @class = "form-control" } })*@ 
         @(Html.Kendo().DatePickerFor(model => model.Priority) 
          .Name("Priority") 
          .Value("10/10/2011") 
          .HtmlAttributes(new { style = "width: 100%" }) 
         ) 
         @Html.ValidationMessageFor(model => model.Priority, "", new { @class = "text-danger" }) 
        </div> 
       </div> 

Answer 1

Fondamentalement, définir l'événement de flou() sur votre zone de texte puis mettez à jour la valeur de datepicker:

<script> 
    $(document).ready(function() { 

     $("#ContractDurationInMonths").blur(function() { 
       var date = $("#Priority").data("kendoDatePicker").value(); 
       var newMonth = date.getMonth() + kendo.parseInt($("#ContractDurationInMonths").val()); 
       date.setMonth(newMonth); 
       $("#Priority").data("kendoDatePicker").value(date); 
     });    


    }); 
</script> 

Voici un exemple js: http://dojo.telerik.com/@sg53719/eseRo