Asp.net mvc 4 向剑道日期选择器添加默认文本值(建议)

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:

我使用kendodatepicker控制器作为日历,我希望它在页面加载时显示“输入日期”,我尝试将其作为一个值,但它无法识别字符串,我想aria标签不是我要找的。。。这是我的小提琴:


虽然没有占位符那么优雅,但这在每个浏览器中都适用:

$(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);
        }
    });
}