如何从 Kendo Timepicker 获取时间跨度值(格式 HH:mm:ss)
How to get Time span values(Format HH:mm:ss) from the Kendo Timepicker
我正在使用 Kendo 时间选择器设置时间选择器,该时间选择器以 "HH:mm:ss" 格式显示但未正确绑定,同时显示日期。
请检查此 link。
Kendo UI 对 Angular 的用法示例
https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/formats/
我也试过用管道(用这个 link https://loiane.com/2017/08/angular-tips-formatting-dates-with-a-custom-date-pipe-dd-mm-yyyy/ )。但这也行不通。请帮助我。
<div class="example-wrapper" style="min-height: 400px;">
<div class="col-xs-12 col-sm-6 example-col">
<p>Select a long time: {{value}}</p> // Problem Here
<kendo-timepicker
[format]="'HH:mm:ss'"
[value]="value"
></kendo-timepicker>
</div>
<div class="col-xs-12 col-sm-6 example-col">
<p>Select a short time:</p>
<kendo-timepicker
[format]="'hh:mm a'"
[value]="value"
></kendo-timepicker>
</div>
</div>
预期结果:00:00:00(时间戳)绑定到 {{value}} 附近,将在表单中使用。
Link 2 正在工作,通过删除 ${Constants.DATE_FMT} 因此
static readonly DATE_TIME_FMT = `${Constants.DATE_FMT} hh:mm:ss`;
变成
static readonly DATE_TIME_FMT = `hh:mm:ss`;
我正在使用 Kendo 时间选择器设置时间选择器,该时间选择器以 "HH:mm:ss" 格式显示但未正确绑定,同时显示日期。 请检查此 link。 Kendo UI 对 Angular 的用法示例 https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/formats/
我也试过用管道(用这个 link https://loiane.com/2017/08/angular-tips-formatting-dates-with-a-custom-date-pipe-dd-mm-yyyy/ )。但这也行不通。请帮助我。
<div class="example-wrapper" style="min-height: 400px;">
<div class="col-xs-12 col-sm-6 example-col">
<p>Select a long time: {{value}}</p> // Problem Here
<kendo-timepicker
[format]="'HH:mm:ss'"
[value]="value"
></kendo-timepicker>
</div>
<div class="col-xs-12 col-sm-6 example-col">
<p>Select a short time:</p>
<kendo-timepicker
[format]="'hh:mm a'"
[value]="value"
></kendo-timepicker>
</div>
</div>
预期结果:00:00:00(时间戳)绑定到 {{value}} 附近,将在表单中使用。
Link 2 正在工作,通过删除 ${Constants.DATE_FMT} 因此
static readonly DATE_TIME_FMT = `${Constants.DATE_FMT} hh:mm:ss`;
变成
static readonly DATE_TIME_FMT = `hh:mm:ss`;