时间戳

首页 > 解决方案 > 如何从 Kendo Timepicker 获取时间跨度值（格式 HH:mm:ss）

angular - 如何从 Kendo Timepicker 获取时间跨度值（格式 HH:mm:ss）

问题描述

我正在使用 Kendo 时间选择器设置时间选择器，它以“HH:mm:ss”格式显示但未正确绑定，同时显示日期。请检查此链接。Angular 的 Kendo UI 的示例用法 https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/formats/

我也尝试过使用管道（通过此链接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(timestamps) 到 {{value}} 附近，将在表单中使用。

标签： angularkendo-uitimepicker

解决方案

链接 2 正在工作，因此删除 ${Constants.DATE_FMT}

static readonly DATE_TIME_FMT = `${Constants.DATE_FMT} hh:mm:ss`;

变成

static readonly DATE_TIME_FMT = `hh:mm:ss`;

推荐阅读