在Angular 12中，你可以使用Angular Material库中的日期选择器来实现日期选择功能。下面是一个使用日期选择器的示例代码，计算选择的日期之前的一天：

1. 首先，确保你已经安装了Angular Material库。在终端中执行以下命令进行安装：

   ng add @angular/material
   

2. 在你的组件模块中引入必要的模块：

   import { NgModule } from '@angular/core';
   import { MatDatepickerModule } from '@angular/material/datepicker';
   import { MatInputModule } from '@angular/material/input';
   import { MatNativeDateModule } from '@angular/material/core';
   
   @NgModule({
     imports: [
       MatDatepickerModule,
       MatInputModule,
       MatNativeDateModule
     ]
   })
   export class YourModule { }
   

3. 在你的组件模板中添加日期选择器和一个按钮来触发计算：

   
     
     
     
   
   
   计算
   

4. 在你的组件类中实现计算方法：

   import { Component } from '@angular/core';
   import { MatDatepickerInputEvent } from '@angular/material/datepicker';
   import { addDays } from 'date-fns';
   
   @Component({
     selector: 'app-your-component',
     templateUrl: './your-component.component.html',
     styleUrls: ['./your-component.component.css']
   })
   export class YourComponent {
     selectedDate: Date;
   
     calculate() {
       const oneDayBefore = addDays(this.selectedDate, -1);
       console.log(`在我选择的那天之前注册了1天: ${oneDayBefore}`);
     }
   }
   

   在上述代码中，我们使用了date-fns库的addDays函数来计算选择的日期之前的一天。你可以根据你的需求使用其他日期操作函数。

希望这个示例可以帮助到你！