PrimeNg日历日期无法正常工作

Posted 2021-04-04

我通过Angular CLI创建了一个新的angular 7项目，并创建了新的C＃项目。我没有在客户端和服务器端进行任何其他配置。我创建了一个如下所示的表单。但是我的约会时间是3小时到我的c＃课程。例如，我选择'03 / 28/2019'，但我选择'03 / 27/2019 21：00.00'。我试过日历的showTime属性。但是，结果没有改变。我怎么能解决这个问题？

你应该看看stackblitz控制台而不是浏览器控制台。另外，当我用<p-calendar formControlName="birthdate"></p-calendar>改变<input type="date" formControlName="birthdate">时，它的工作完美。所以，我认为我的服务器没有问题。（服务器和客户端都是一样的。这是我的电脑）

STACKBLITZ

.html文件

<form [formGroup]="myForm" (ngSubmit)="save()">
  <p-calendar formControlName="birthdate"></p-calendar>  <br><br>
  <button type="submit">Save</button>
</form>

.ts文件

  constructor(public fb: FormBuilder, public http: HttpClient) { }

  myForm = this.fb.group({
    birthdate: [null],
  });

  save() {
    this.http.post('http://localhost:5000/api/values', this.myForm.value).subscribe(result => {
    });
  }

C＃.cs文件

 [HttpPost]
 public void Post([FromBody] MyObject value)
 {
 }

 public class MyObject
 {
    public DateTime Birthdate { get; set; }
 }

答案

我找到了解决方案.Primeng日历有一个属性dataType。 DataType默认为date。如果你设置string而不是date，那么它的工作正常并向服务器发送正确的日期。

StackBlitz

您可以从这个stackblitz链接的工作示例中看到。