Angular 4 ngx-bootstrap datepicker-如何在点击提交时将日期格式从 DD-MM-YYYY 转换为 YYYY-MM-DD

Question

我在这里使用 ngx-bootstrap 日期选择器和 DatePipe

how to transform DATE-FORMAT from DD-MM-YYYY to YYYY-MM-DD while clicks on Submit

*我的模板 - component.html

 <input type="text"
                   placeholder="FromDate"
                   class="form-control"
                   placement="top"
                   formControlName="fromDate"  [bsConfig]="{ dateInputFormat: 'DD-MM-YYYY' }"
                   bsDatepicker style="padding: 16px">

component.ts

ngOnInit() {
    this.LicenseDistributionForm.controls['toDate'].setValue(this._datePipe.transform(this.today, 'dd-MM-yyyy'));

this.LicenseDistributionForm.controls['fromDate'].setValue(this._datePipe.transform(this.firstDay, 'dd-MM-yyyy'));
    }

    submit() {
    if (!this.LicenseDistributionForm.valid) {
      this.validateAllFormFields(this.LicenseDistributionForm);
      console.log('Not valid!');
      return;
    }
    const params: any = {};

    params.fromDate = this.LicenseDistributionForm.value.fromDate;
    params.toDate = this.LicenseDistributionForm.value.toDate;


    {

    console.log('params', params);
         }
    this.organizationService.getLicenseDistributionSPDate( params.fromDate, params.toDate )
      .subscribe(licensedistributions => {
        this.licensedistributions = licensedistributions;
        console.log(licensedistributions, 'licensedistributions');
        // this.licensedistributionLoader=true;
      });

Answer 1

使用momentjs

moment(dateDDMMYYYY, 'DD-MM-YYYY').format('YYYY-MM-DD');

您还可以对该语句应用更多验证。

var momentObj = moment(dateDDMMYYYY, 'DD-MM-YYYY', true);

if ( !momentObj.isValid() ) throw "Invalid date";

dateYYYYMMDD = momentObj.format('YYYY-MM-DD');

Answer 2

不确定你的日期管道，但我更喜欢 momentjs。关注下方url:

http://momentjs.com/docs/#/displaying/format/