TimePicker 返回对象不是时间角度 4答案

【问题标题】：TimePicker return object not time angular 4TimePicker 返回对象不是时间角度 4
【发布时间】：2017-08-27 10:04:58
【问题描述】：

如何让表单中的时间选择器返回我选择的时间。

TimePicker 形式：

 <label class="padd"> Time of visiting </label>
 <ngb-timepicker [(ngModel)]="meridianTime" [meridian]="meridian" 
 formControlName="time" id="time"  ></ngb-timepicker>

TypeScript 部分：

 defaultTime = {hour: 13, minute: 30};
 customTime: NgbTimeStruct = {hour: 13, minute: 30, second: 0};
 hourStep = 1;
 minuteStep = 15;

【问题讨论】：

实际结果和预期结果是什么？打字稿部分是实际结果吗？
我想返回像上午 01:00 这样的时间，但它返回 [object object] 我怎样才能返回时间？
你究竟从哪里得到对象对象？ this. meridianTime?可以吗JSON.stringify(<timeObj>)
我在表中得到 [object Object] .. 我制作了一个表单来选择时间然后我将值传递给表但我有 object Object
是的，因为组件将该日期输出为对象。您需要在使用前对其进行转换。请参阅我的答案中的文档。

标签： forms angular typescript timepicker

【解决方案1】：

你有时间。这是文档：link

你有时间作为小时、分钟、秒的道具。您可以将其转换为您需要的任何内容。要进行转换，您可以使用内部 JavaScript API：Date 或一些库，如 moment。或者是这样的：https://stackoverflow.com/a/27979128/2898694 :)

所以你有时间选择器格式的日期。作为对象，我的意思是。你可以这样写：

prepareDate(dateAsObject) {
  return dateAsObject.hour + ':' + dateAsObject.minute + ':' + dateAsObjet.second;
}

这是我脑海中的第一件事。当然，您可以根据需要准备日期。

【讨论】：