绑定mydatepicker angular2

我正在使用MydatePicker显示日期

 <my-date-picker [options]="myDatePickerOptions"
[(ngModel)]="startDate">
 </my-date-picker>

我想将从数据库获取的值绑定到此控件。 我可以将startdate作为字符串或datetime获取，但这两种方式都无法将其绑定到startdate元素。

---

我怎样才能做到这一点。

从文档中

import {IMyOptions} from 'mydatepicker';

export class MyTestApp {

    private myDatePickerOptions: IMyOptions = {
        dateFormat: 'dd/mm/yyyy',
    };.
    private startDate: Object = { date: { year: 2008, month: 01, day: 01 }    };
}

您的模板应该是：

<form #myForm="ngForm" novalidate>
    <my-date-picker name="mydate" [options]="myDatePickerOptions"
                    [(ngModel)]="startDate" required></my-date-picker>
</form>

---

从文档中

import {IMyOptions} from 'mydatepicker';

export class MyTestApp {

    private myDatePickerOptions: IMyOptions = {
        dateFormat: 'dd/mm/yyyy',
    };.
    private startDate: Object = { date: { year: 2008, month: 01, day: 01 }    };
}

您的模板应该是：

<form #myForm="ngForm" novalidate>
    <my-date-picker name="mydate" [options]="myDatePickerOptions"
                    [(ngModel)]="startDate" required></my-date-picker>
</form>

---

我面临着同样的问题，所以在尝试了许多解决方案后，这是最简单的解决方案，对我来说很有效。 你的html应该是这样的

 <my-date-picker name="LeaveFrom" [(ngModel)]="model.LeaveFrom [options]="myDatePickerOptions"></my-date-picker>

    // code for API call and subscribe that response here and get date from that response. 
    // i am taking static date here, but you can use response's date.
    // you can bind other mydatetimepicker's date-type also here, but i am using jsdate here.

    this.model.LeaveFrom   = {jsdate: new Date('7/08/2018')};

现在在ngOnInit方法中，您将通过API从数据库中获取日期，然后像这样在您的模型中绑定该日期

 <my-date-picker name="LeaveFrom" [(ngModel)]="model.LeaveFrom [options]="myDatePickerOptions"></my-date-picker>

    // code for API call and subscribe that response here and get date from that response. 
    // i am taking static date here, but you can use response's date.
    // you can bind other mydatetimepicker's date-type also here, but i am using jsdate here.

    this.model.LeaveFrom   = {jsdate: new Date('7/08/2018')};

请确保在您的模型中，Fromdate的类型应为any，如果它是在日期类型中，则它将给出带有IMyday的转换错误

export interface IAddEmployeeLeave {
    LeaveFrom: any;
}

---

我面临着同样的问题，所以在尝试了许多解决方案后，这是最简单的解决方案，对我来说是有效的。 你的html应该是这样的

 <my-date-picker name="LeaveFrom" [(ngModel)]="model.LeaveFrom [options]="myDatePickerOptions"></my-date-picker>

    // code for API call and subscribe that response here and get date from that response. 
    // i am taking static date here, but you can use response's date.
    // you can bind other mydatetimepicker's date-type also here, but i am using jsdate here.

    this.model.LeaveFrom   = {jsdate: new Date('7/08/2018')};

现在在ngOnInit方法中，您将通过API从数据库中获取日期，然后像这样在您的模型中绑定该日期

 <my-date-picker name="LeaveFrom" [(ngModel)]="model.LeaveFrom [options]="myDatePickerOptions"></my-date-picker>

    // code for API call and subscribe that response here and get date from that response. 
    // i am taking static date here, but you can use response's date.
    // you can bind other mydatetimepicker's date-type also here, but i am using jsdate here.

    this.model.LeaveFrom   = {jsdate: new Date('7/08/2018')};

请确保在您的模型中，Fromdate的类型应为any，如果它是在日期类型中，则它将给出带有IMyday的转换错误

export interface IAddEmployeeLeave {
    LeaveFrom: any;
}

---

我使用了上面的示例，并替换为数据库返回的对象var start:Date=new Date（this.MyVariable）；this.startDate={date:{year:start.getFullYear（），month:start.getMonth（）+1，day:start.getDate（）}；我使用了上面的示例，并替换为数据库返回的对象var start:Date=new Date（this.MyVariable）；this.startDate={date:{year:start.getFullYear（），month:start.getMonth（）+1，day:start.getDate（）}；