Как получить значения временного интервала (формат ЧЧ: мм: сс) из Kendo Timepicker

Я устанавливаю средство выбора времени с помощью средства выбора времени Kendo, которое отображается в формате «ЧЧ: мм: сс», но не привязывается должным образом, вместе с ним отображается дата. Пожалуйста, проверьте эту ссылку. Пример использования Kendo UI для Angular 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 (временные метки) для привязки рядом с {{value}}, которое должно использоваться в формах.


angular timepicker kendo-ui
person Sarath Mohandas    schedule 28.05.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Ссылка 2 работает, удалив $ {Constants.DATE_FMT} таким образом

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

становится

static readonly DATE_TIME_FMT = `hh:mm:ss`;
person Sarath Mohandas    schedule 28.05.2019