Angular 如何在一天中的特定时间禁用/启用组件的UI元素？

我的应用程序需要在每天的特定时间禁用/启用一些UI元素。例如，在上午8点隐藏输入字段，并在上午9点启用返回。。。如何在角度上实现这一点

目前，我在nginit上调用下面的方法，并在输入时单击事件以检查是否应该禁用这些方法。。。这种方法的问题是，如果在该时间窗口内禁用输入，如何在上午9点启用它们

app.component.ts

disableUpload: boolean;
  disableInputs() {
   var startTime = '08:00:00';
   var endTime = '09:00:00';

    var currentDate = new Date(); 
    var startDate, endDate;

    startDate = new Date(currentDate.getTime());
    startDate.setHours(startTime.split(":")[0]);
    startDate.setMinutes(startTime.split(":")[1]);
    startDate.setSeconds(startTime.split(":")[2]);

    endDate = new Date(currentDate.getTime());
    endDate.setHours(endTime.split(":")[0]);
    endDate.setMinutes(endTime.split(":")[1]);
    endDate.setSeconds(endTime.split(":")[2]);

    this.disableInput = startDate < currentDate && endDate > currentDate;
  }

disableUpload:布尔值；
禁用输入（）{
var startTime='08:00:00'；
var endTime='09:00:00'；
var currentDate=新日期（）；
变量开始日期，结束日期；
startDate=新日期（currentDate.getTime（））；
startDate.setHours（startTime.split（“：”[0]）；
startDate.setMinutes（startTime.split（“：”[1]）；
startDate.setSeconds（startTime.split（“：”[2]）；
endDate=新日期（currentDate.getTime（））；
endDate.setHours（endTime.split（“：”[0]）；
endDate.setMinutes（endTime.split（“：”[1]）；
endDate.setSeconds（endTime.split（“：”[2]）；
this.disableInput=startDatecurrentDate；
}