javascript 如何默认为日期选择器的占位符？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/28180408/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-10-28 08:31:59 来源:igfitidea点击:
How can I default to placeholder for date picker?
提问by Kala J
Here's the code for my date picker:
这是我的日期选择器的代码：
<div class="editor-field">
@(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>
I tried this solution but it did not work:
我试过这个解决方案，但没有用：
var datePicker = $("#Date").data('kendoDatePicker');
datePicker.input.val(input.attr('placeholder'));
回答by OnaBai
The easiest way is:
最简单的方法是：
$("#Date").attr("placeholder", "type date");
but you can also do:
但你也可以这样做：
var datePicker = $("#Date").data('kendoDatePicker');
datePicker.element.attr("placeholder", "type date");
Remember that elementin DatePickerrefers to the original inputelement.
请记住，elementinDatePicker指的是原始input元素。
Check both methods in the following code snippet.
检查以下代码片段中的两种方法。
$(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");
});
});<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.default.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1316/js/kendo.web.min.js"></script>
<button class="k-button" id="change1">Change Method 1</button>
<button class="k-button" id="change2">Change Method 2</button>
<input id="Date" disabled="disabled"/>