给我讲解一种angualr的解决方式

在 Angular 中，你可以使用 Reactive Forms 来实现隐藏时分选择器的功能。

以下是一个示例代码：

1. 在组件中导入 Reactive Forms 模块：

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  form: FormGroup;

  constructor(private fb: FormBuilder) { }

  ngOnInit(): void {
    this.form = this.fb.group({
      inDate: [null, Validators.required]
    });
  }

  onSubmit() {
    console.log(this.form.value);
  }
}

2. 在模板中使用 FormGroup 和 FormControl 来创建表单：

<form [formGroup]="form" (ngSubmit)="onSubmit()">
  <div class="form-group">
    <label for="inDate">Date:</label>
    <input
      id="inDate"
      type="date"
      class="form-control"
      [formControl]="form.get('inDate')"
      (focus)="onDateFocus($event)"
      (blur)="onDateBlur($event)"
    />
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

3. 在组件中添加两个方法来处理日期输入框的 focus 和 blur 事件：

onDateFocus(event: Event) {
  const input = event.target as HTMLInputElement;
  input.type = 'text';
  input.focus();
  input.click();
}

onDateBlur(event: Event) {
  const input = event.target as HTMLInputElement;
  input.type = 'date';
}

这里的思路是，在日期输入框获得焦点时，将其 type 属性设置为 "text"，这样就可以隐藏时分控件，然后触发 click 事件，弹出日期选择器。在日期输入框失去焦点时，将其 type 属性设置为 "date"，以便用户可以再次选择日期和时间。

需要注意的是，当日期输入框的 type 属性为 "text" 时，它的 value 属性将变成一个字符串，所以需要在表单提交时将其转换为日期类型。可以使用 Date.parse() 函数或者 Moment.js 等第三方库来实现。