Asp.net mvc 4 向剑道日期选择器添加默认文本值(建议)
我使用kendodatepicker控制器作为日历,我希望它在页面加载时显示“输入日期”,我尝试将其作为一个值,但它无法识别字符串,我想aria标签不是我要找的。。。这是我的小提琴:Asp.net mvc 4 向剑道日期选择器添加默认文本值(建议),asp.net-mvc-4,razor,kendo-ui,Asp.net Mvc 4,Razor,Kendo Ui,我使用kendodatepicker控制器作为日历,我希望它在页面加载时显示“输入日期”,我尝试将其作为一个值,但它无法识别字符串,我想aria标签不是我要找的。。。这是我的小提琴: 虽然没有占位符那么优雅,但这在每个浏览器中都适用: $(document).ready(function() { $("#monthpicker").kendoDatePicker({ start: "year", depth: "year", format:
虽然没有占位符那么优雅,但这在每个浏览器中都适用:
$(document).ready(function() {
$("#monthpicker").kendoDatePicker({
start: "year",
depth: "year",
format: "MMMM yyyy"
});
var enterDateMessage = 'Enter date...';
$("#monthpicker").val(enterDateMessage);
$("#monthpicker").focus(function(){
if($(this).val() === enterDateMessage){
$("#monthpicker").val('');
}
});
$("#monthpicker").blur(function(){
if($(this).val() === ''){
$("#monthpicker").val(enterDateMessage);
}
});
}
更新的JSFIDLE:使用占位符谢谢!我认为kendo不支持占位符,但它可以工作,尽管在IE9中不支持-
$(document).ready(function() {
$("#monthpicker").kendoDatePicker({
start: "year",
depth: "year",
format: "MMMM yyyy"
});
var enterDateMessage = 'Enter date...';
$("#monthpicker").val(enterDateMessage);
$("#monthpicker").focus(function(){
if($(this).val() === enterDateMessage){
$("#monthpicker").val('');
}
});
$("#monthpicker").blur(function(){
if($(this).val() === ''){
$("#monthpicker").val(enterDateMessage);
}
});
}