Как я могу по умолчанию заполнить формуляр для выбора даты?

Здесь код для моего выбора даты:

<div>
 @(Html.Kendo().DatePickerFor(model => model.Date)
 .HtmlAttributes(ViewBag.Disabled ? (object)new { @class = "formDatePicker", disabled = "disabled", @id = "Date", style = "width:150px", placeholder = "Select Date" } : new { @class = "formDatePicker", @id = "Date", style = "width:150px", placeholder = "Select Date" })
 .Events(e => e.Open(@<text>function(e){BrowserCompatibility.DisableDatePickerYearsOnSomeBrowsers(e);}</text>))
 .Format(@HCulture.GetShortDateFormat())
 .Events(e => e.Change(@<text>function(e){
 $("#DateString").val($('#Date').val());
 checkInputValid();
 }</text>))
 )
 </div>

Я пробовал это решение, но он не работал:

var datePicker = $("#Date").data('kendoDatePicker');
 datePicker.input.val(input.attr('placeholder'));
1 ответ

Самый простой способ:

$("#Date").attr("placeholder", "type date");

но вы также можете:

var datePicker = $("#Date").data('kendoDatePicker');
datePicker.element.attr("placeholder", "type date");

Помните, что element DatePicker относится к исходному элементу input.

Проверьте оба метода в следующем фрагменте кода.

$(document).ready(function() {
 $("#Date").kendoDatePicker({
 });

 $("#change1").on("click", function() {
 $("#Date").attr("placeholder", "type date 1");
 });
 $("#change2").on("click", function() {
 var datePicker = $("#Date").data('kendoDatePicker');
 datePicker.element.attr("placeholder", "type date 2");
 });
});
<button id="change1">Change Method 1</button>
<button id="change2">Change Method 2</button>

licensed under cc by-sa 3.0 with attribution.