web-dev-qa-db-fra.com

Définir la date du jour sur kendo datepicker

Je veux régler la date du jour sur Kendo DatePicker en cliquant sur un bouton clair. J'ai essayé de suivre mais ça ne marche pas.

$('#btnClear').click(function () {
  $("#StartDate").data("kendoDatePicker").value(new Date());
});

Le code ci-dessus ne donne aucune erreur et ne définit pas la date du jour. Il efface la valeur de la zone de texte kendo DatePicker ..__ Remarque: le format Kendo DatePicker est MM/jj/aaaa.

javascriptjquerykendo-uikendo-datepicker
16
Dhwani

J'ai essayé de suivre et fonctionne parfaitement pour moi.

$('#btnClear').click(function () {
  var todayDate = kendo.toString(kendo.parseDate(new Date()), 'MM/dd/yyyy');
  $("#StartDate").data("kendoDatePicker").value(todayDate);
});
36
Dhwani
 $('#btnClear').click(function (e) {
  var todayDate = new Date();
  $('#StartDate').data("kendoDatePicker").value(todayDate);
                                  });
8
GotaloveCode

Après avoir défini la valeur de datepicker, vous devez déclencher l’événement change de datePicker, par exemple:

$("#StartDate").data("kendoDatePicker").trigger("change");

Explication de Telerik:

"Le DatePicker n'appliquera pas la" nouvelle "date s'il correspond à sa valeur interne Lorsque vous appelez la date dans la méthode [ils entendent en utilisant datepicker .value (myDate )] et juste fixer sa date , la date interne du DatePicker est également définie "

Voir aussi http://www.telerik.com/forums/datepicker-does-not-update-the-value-in-view

4
Chris Halcrow

Je l'ai utilisé comme -

 @(Html.Kendo().DatePicker()
                  .Name("customerOrderDate")
                  .Min(DateTime.Today)
                  .Value(Model.CustomerOrderDate)
                  .HtmlAttributes(new {style = "width:120px"}))

Il est bon que Kendo ait une structure DateTime dans son api.

2
Aamol

La réponse n'a pas fonctionné pour moi. Ce n'est que lorsque j'ai déclenché un événement de changement avant qu'il ne soit défini.

var datePicker = $("#StartDate").data("kendoDatePicker");
var todayDate = new Date();                                   
datePicker.value(todayDate);
datePicker.trigger("change"); // <-- This one did the trick
0
Demodave