如何在angular 2中输入日期yyyy/mm/dd

这是我的

数据访问器值。ts

import { Directive, ElementRef, HostListener, Renderer, forwardRef } from '@angular/core';
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';

export const DATE_VALUE_ACCESSOR: any = {
  provide: NG_VALUE_ACCESSOR,
  useExisting: forwardRef(() => DateValueAccessor),
  multi: true
};

@Directive({
  selector: '[useValueAsDate]',
  providers: [DATE_VALUE_ACCESSOR]
})
export class DateValueAccessor implements ControlValueAccessor {

  @HostListener('input', ['$event.target.valueAsDate']) onChange = (_: any) => { };
  @HostListener('blur', []) onTouched = () => { };

  constructor(private _renderer: Renderer, private _elementRef: ElementRef) { }

  writeValue(value: Date): void {
    this._renderer.setElementProperty(this._elementRef.nativeElement, 'valueAsDate', value);
  }

  registerOnChange(fn: (_: any) => void): void { this.onChange = fn; }
  registerOnTouched(fn: () => void): void { this.onTouched = fn; }

  setDisabledState(isDisabled: boolean): void {
    this._renderer.setElementProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
  }
}

这是我的组件html输入日期：

<input formControlName="dueDate" type="date" class="form-control" useValueAsDate>

我在一个网站上学习教程

我想让输入日期像API数据库中的模型一样，您可以查看上面的模型

我的问题是无法输入日期格式

YYYY-MM-DD

，错误如下：

您可以通过使用jQuery在这里使用和

$（“.form控件”）.datepicker({
日期格式：'年-月-日'，
变化月：对，
变化年：对
});

如果希望API中的日期为YYYY-MM-DD或YYYY/MM/DD，则为YYYY-MM-DD？不要认为该错误与日期格式有关，请仔细查看URL它试图发布的错误。YYYY-MM-DD sorry这是myservices.ts createWorkOrder（workorder:workorder）中的我的post函数：可观察{let cpHeaders=new Headers({'Content Type'：'application/json'}）；let options=new RequestOptions（{headers:cpHeaders}）；console.log（this.dataURL，workorder，options）；返回this.http.post（this.dataURL，workorder，options）。map（success=>success.status）。catch（this.handleError）；}我得到了这样的错误，“'JQuery'类型上不存在'datepicker'。”您需要在主页面中导入jqery插件index.html并将其添加到head标记中