Angular 数据模型停止添加名称属性答案

【问题标题】：Angular DateModel stopps working on adding name attributAngular 数据模型停止添加名称属性
【发布时间】：2018-05-25 04:27:10
【问题描述】：

我希望在用户输入路线时填写一个 dateField。所以这是我正在使用的代码：

formular1.component.ts

constructor(
    private validateService: ValidateService,
    private flashMessage: FlashMessagesService,
    private authService: AuthService,
    private router: Router,
    private terminalService: TerminalService
  ) {
    this.todaysDate = new Date();
  }

formular1.component.html：

<input type="date" [ngModel]="todaysDate | date:'dd-MM-yyyy'" (ngModelChange)="todaysDate = $event" [value]="todaysDate | date:'yyyy-MM-dd'">

这很好用，dateField 填充了正确的值，但我在控制台中遇到了一个大错误：

Error: If ngModel is used within a form tag, either the name attribute must be set or the form
      control must be defined as 'standalone' in ngModelOptions.

      Example 1: <input [(ngModel)]="person.firstName" name="first">
      Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">

听起来很简单...但是当我添加 name="test" 属性时，dateField 不再起作用并且没有填充日期值 - 为什么？

也许有人也可以告诉我，如何在德国获得正确的时间（夏季/冬季），从我得到New Date();的日期算起，我们实际上还有 +1 小时

【问题讨论】：

标签： javascript angular mean

【解决方案1】：

问题在于日期格式化管道

  <input type="date" name="todayDate" id="todayDate" [ngModel]="todaysDate | date:'yyyy-MM-dd'" (ngModelChange)="todaysDate = $event" [value]="todaysDate | date:'yyyy-MM-dd'">

如果要转成dd-mm-yyyy格式check this one

【讨论】：