All Components

Localization

The DateInput enables you to modify the text that is displayed in the placeholders according to the required culture locale.

The following example demonstrates how to localize the messages in the DateInput.

<div id="example">
    <div id="vueapp" class="vue-app">        
        <h5>Please select date:</h5>
        <kendo-dateinput
                :format="format"
                :messages="messages">
        </kendo-dateinput>
    </div>
</div>
Vue.use(DateinputsInstaller);
new Vue({
    el: '#vueapp',
     data: {
        format: "yyyy/MMMM/dd",         
        messages:{
            month:"____",
            year:"____",
            day:"__",
        }
    }
})
In this article