如何使用primeng组件在数据库中传递日历格式值?

问题描述

我创建了一个 .html 和 .ts 文件(代码如下),我使用了primeng 组件来设置日历,我从日历中获取数据的值为 {Sat Mar 16 2021 10:58: 55 GMT+0530(印度标准时间)},但我需要通过 formbuilder 传递数据库中的日期时间值。

问题:如何将日历日期和时间值传递/发送到数据库到 StartDate?

我还使用 datepipe 将给定的数据转换为所需的日期和时间格式。

.html 文件

<div class="col-md-6">
     <label class="form-label">Start Date</label>
         <div class="form-control-wrap">
            <p-calendar [(ngModel)]="date_val" formControlName="StartDate" name="StartDate"                                 [showTime]="true" hourFormat="24" inputId="time" dateFormat="yy-mm-dd"></p-calendar>
         </div>
</div>

我要了

import { DatePipe } from '@angular/common';
export class CreateEventComponent implements OnInit {
  date_val!: Date;

  constructor(private formBuilder: FormBuilder,private auth: AuthService,private route: Router) { 
      this.form = this.formBuilder.group({
      });
   }


  ngOnInit(): void {
    var start_date =this.datepipe.transform(this.date_val,'yyyy-MM-dd');
    this.currentUser = JSON.parse(localStorage.getItem('current_user') || '{}');

    this.createEventForm = this.formBuilder.group({
      EventName: [''],EventType: [''],HostUserEmail: this.currentUser.email,StartDate: this.start_date,});
  }

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)