Ionic时间选择器限制结果

Question

我使用的是离子日期时间，我只想从中得到hours,minutes,seconds，但我得到了像这个2020-10-05T00:00:27.634+07:00这样的结果，我需要从这个结果中得到的只是00:00:27。

我的问题是如何将结果限制为我喜欢的版本

代码

<ion-datetime display-format="HH:mm:ss" picker-format="HH:mm:ss" formControlName="quiz_time"></ion-datetime>

注意这个标签<ion-datetime>是离子默认值，我没有在组件中添加任何其他内容来运行它，因此没有什么比这更重要的了，但我显然需要的是在我的组件中添加一些功能，以限制此输入的结果，这就是我寻求帮助的原因。

component

将数据发送到后端

quizCreate() {
const sems = this.quizData.value;
this.quizService.quizCreate(
sems.quiz_time, // my input (2020-10-05T00:00:27.634+07:00)
).subscribe(
(data: any) => {
console.log(data.message);
},
error => {
//
},
() => {
//
}
);
}

知道吗

Answer 1

已解决

这是我解决问题的最后一个代码

quizCreate() {
const sems = this.quizData.value;
// convert coming time
const d = new Date(Date.parse(sems.quiz_time)); // my input (2020-10-05T00:00:27.634+07:00)
// add second digits
const hours = ("0" + d.getHours()).slice(-2);
const minutes = ("0" + d.getMinutes()).slice(-2);
const seconds = ("0" + d.getSeconds()).slice(-2);
// join times
const quizTime = hours + ":" + minutes + ":" + seconds;
this.quizService.quizCreate(
sems.quiz_time = quizTime, // send joined time (00:00:27)
).subscribe(
(data: any) => {
console.log(data.message);
},
error => {
//
},
() => {
//
}
);
}

希望它能帮助别人。