Literals
The MaskedTextBox provides globalized mask literals which represent static symbols.
Apart from the built-in and customs rules, you can use static symbols in the mask pattern that are also known as literals. In the masked value, a literal is always rendered on the same position on which it is defined in the mask property.
Based on the current culture, the available globalized mask literals are:
-
.
—Decimal placeholder. The decimal separator is set according to the current culture used by Kendo UI. -
,
—Thousands placeholder. The display character is set according to the current culture used by Kendo UI. -
$
—Currency symbol. The display character is set according to the current culture used by Kendo UI.
To escape any of the literals, use the
\
character.
<div id="vueapp" class="vue-app">
<kendo-maskedtextbox title="phone number" mask="000-000-0000">
</kendo-maskedtextbox>
</div>
Vue.use(InputsInstaller);
new Vue({
el: "#vueapp"
})