Kendo DatePicker占位符

时间:2018-04-18 11:21:12

标签: angular kendo-ui-angular2

我是否知道有没有办法将DatePicker的占位符配置为dd / mm / yyyy而不是日/月/年?

目前来自这里

https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/formats/

我已运行代码并更改为dd / mm / yyyy格式

<div class="col-xs-12 col-sm-6 example-col">
<p>Select a long date:</p>
 <kendo-datepicker
  [format]="'dd/mm/yyyy HH:mm:ss'"
  [value]="value">
 </kendo-datepicker>
</div>

但是默认值始终显示整个单词。

下图是一个例子 enter image description here

2 个答案:

答案 0 :(得分:1)

如果要控制输入占位符显示,请检查DateInputs`占位符选项。

https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/placeholders/

使用.dup属性会将全长占位符转换为更窄的占位符。

enter image description here

如果必须使用[placeholder]="'short'"占位符,请参阅同一MM/dd/yyyy文档部分中显示的自定义占位符配置。

Placeholders

答案 1 :(得分:0)

尝试使用:

format="dd/mm/yyyy HH:mm:ss"