ng-bootstrap-datepicker-format

Ich bin mit ng-bootstrap datepicker-aber wenn ich meine form das Datum wird gespeichert.

date: {
  day: 01,
  month: 12,
  year: 16
}

Ich hatte gehofft, ich könnte es zu retten, als etwas mehr wie "2016-11-23T00:39:31.768Z"

Hier ist meine Umsetzung:

<div class="input-group">
  <button class="input-group-btn" (click)="d.toggle()" >
    <md-icon svgSrc="assets/images/calendar-plus.svg" style="cursor: pointer;"></md-icon>
  </button>
  <input class="form-control" placeholder="dd-mm-yyyy" name="dp" formControlName="due_date" navigation="arrows" ngbDatepicker #d="ngbDatepicker">
</div>

Und form.Komponente:

constructor( private fb: FormBuilder ) {
    this.form = this.fb.group({
      due_date: [''],
    });
  }

InformationsquelleAutor Daimz | 2016-11-24

  1. 13

    Bist du mit ng-bootstrap nicht ng2-bootstrap (verschiedene Gruppen). Der code hinter es nutzt die NgbDateStruct was ist ein Objekt { day, month, year }

    Abgabe werden Sie brauchen, um Haken und ändern Sie den Wert auf etwas anderes, wie:

    onSubmit(): {
    let ngbDate = this.form.controls['due_date'].value;
    let myDate = new Date(ngbDate.year, ngbDate.month-1, ngbDate.day);
    let formValues = this.form.value;
    formValues['due_date'] = myDate;
    <...>
    http.post(url, formValues);
}

    https://ng-bootstrap.github.io/#/components/datepicker

    NgbDateStruct Schnittstelle des Modells der NgbDatepicker und
    NgbInputDatepicker Richtlinien

    Eigenschaften

    Tag-Typ: Anzahl Der Tag des Monats, beginnend mit 1

    Monat Typ: Zahl Des Monats, mit Standard-Kalender verwenden wir ISO 8601: 1=Jan
    ... 12=Dez

    Jahr Typ: Anzahl Der Jahre, zum Beispiel 2016

    Es wundert mich, warum Sie beschlossen, erfinden Sie Ihre eigene kleine date-Objekt, anstatt einfach eine standard-Date-Objekt. Ich kann mir jeden gültigen Grund, so zu tun, und ich hasse es zu zusätzlichen code schreiben, um Konvertierung zu/von Ihrem format.

    InformationsquelleAutor silentsod

  2. 12

    Als @silentsod erwähnt, müssen Sie zum konvertieren von Datum-Objekt, das der datepicker verwendet, aus der NgbDateStruct format in ein string - format. ng-bootstrap bietet eine Funktion zum konvertieren eines Datums in der NgbDateStruct format der ISO 8601 format (yyyy-mm-dd). Sie haben keine eigene zu schreiben, wenn Sie mit diesem format:

    import {NgbDateParserFormatter} from '@ng-bootstrap/ng-bootstrap';

...

constructor(private ngbDateParserFormatter: NgbDateParserFormatter; ... ) {
    ...
}

...

onSubmit(): {
    let ngbDate = this.form.controls['due_date'].value;
    let myDate = this.ngbDateParserFormatter.format(ngbDate); //e.g. myDate = 2017-01-01
    ...
}

    Finden Sie unter: https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/datepicker/ngb-date-parser-formatter.ts

    InformationsquelleAutor TiaanM

Schreibe einen Kommentar