剑道 DatePicker 占位符答案

【问题标题】：Kendo DatePicker placeholder剑道 DatePicker 占位符
【发布时间】：2018-04-18 11:21:11
【问题描述】：

请问有什么方法可以将 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>

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

下图是一个例子

【问题讨论】：

你能提供一个Minimal, Complete and Verifiable example吗？以stackblitz.com 编辑器为例。
嗨 @ForestG 感谢 cmets。从这里telerik.com/kendo-angular-ui/components/dateinputs/datepicker/… 有一个“运行代码”可以打开一个沙箱。如果您清除输入字段中的日期，占位符将显示“日/月/年”，但我正在寻找占位符为“dd/mm/yyyy”。抱歉，我对这些 plunkr 项目还是很陌生..

标签： angular kendo-ui-angular2

【解决方案1】：

如果您想控制输入占位符显示，请选中 DateInputs `placeholder 选项。

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

使用[placeholder]="'short'" 属性会将全长占位符转换为更窄的占位符。

如果必须使用 MM/dd/yyyy 占位符，请参阅同一 Placeholders 文档部分中显示的自定义占位符配置。

<div class="col-xs-12 col-md-6 example-col">
     <p>Custom defined format descriptions</p>
     <kendo-dateinput format="G"
       [formatPlaceholder]="{
         year: 'y', month: 'M', day: 'd',
         hour: 'h', minute: 'm', second: 's'
       }"
     ></kendo-dateinput>
</div>

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：

嗨紧缩。感谢您的及时回复。我已经对格式进行了更改。虽然它会更改输入格式，但不会更改当前始终显示完整单词的占位符格式。编辑后提供的图像中的示例。 dd/mm/yyyy 将允许 15/09/1988 输入，但清除后将显示“日/月/年”而不是“日/月/年”，所以想知道是否有任何方法可以更改此占位符。