date.isValid не является функцией - PullRequest
Новая
       18

date.isValid не является функцией

0 голосов
/ 19 сентября 2018

Когда я использую angular4 для создания веб-сайта, мне нужно использовать компонент ng-bootstrap в качестве средства выбора даты, но у меня возникла проблема: и вот мой код: что не так с моим кодом! 

import { Component, OnInit } from '@angular/core';
import { JhiLanguageService } from 'ng-jhipster';
import { Principal, AccountService, JhiLanguageHelper } from 'app/core';
import { SettingsService } from 'app/account/settings/settings.service';
import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
import {NgbDateStruct, NgbDateAdapter, NgbDate, NgbCalendar} from '@ng-bootstrap/ng-bootstrap';
import { Moment } from "moment";
import { User} from "app/core";

@Component({
    selector: 'jhi-settings',
    templateUrl: './settings.component.html',
    styleUrls: ['settings.css']
})
export class SettingsComponent implements OnInit {
    error: string;
    success: string;
    settingsAccount: any;
    languages: any[];
    genders: [];
    levels: [];
    avatarFileName: string;
    avatarFile: File;

    mydob= {year: 2018, month: 9, day: 15};

    constructor(
        private account: AccountService,
        private principal: Principal,
        private languageService: JhiLanguageService,
        private languageHelper: JhiLanguageHelper,
        private settingService: SettingsService,
        private today : NgbCalendar
    ) { }
}

Дата рождения

1 Ответ

0 голосов
/ 19 сентября 2018

Вы должны импортировать момент, как показано ниже: 

import * as moment from "moment";

После того, как он установит значение mydob, maxDate и minDate, как показано ниже в вашем компоненте: 

minDate = moment({year: 1990, month: 1, day : 1});
maxDate = moment({year: 2018, month: 9, day : 13});
mydob = moment({year: 2018, month: 9, day: 15});

И используйте ниже HTML ввод: 

<input class="form-control dob" placeholder="enter your birth" name="dob" id="dob" readonly (click)="d.toggle()" [maxDate]="maxDate" [minDate]="minDate" required name="dob" [(ngModel)]="mydob" ngbDatepicker #d="ngbDatepicker">
...