设置ngmodel值的ngmodel值，并通过键盘不可编辑的方式使其生效。

Question

我在项目中使用NG2-数据报警器。这是我正在使用的代码。

<ng2-datepicker class="form-control" required [options]="{format:'MMM DD YYYY'}" [(ngModel)]="User.StartDate" name="StartDate"                                #StartDate="ngModel"></ng2-datepicker>

我被困在

1. 它不能使键盘不可编辑。
2. 根据我的需求模型，User.StartDate只需要绑定日期字符串。但它绑定了一个数据对象，如{day:" 12 "，格式化：“2017年5月12日”，momentObject:"2017-05-11T18:30:00.000Z"，月份：“05”，年份：“2017”}。在这个ng2-datepicker中有任何方法只保存日期字符串吗？

Answer 1

在组件中，可以设置格式选项。

在此对示例进行排序：

import { DatePickerOptions, DateModel } from 'ng2-datepicker';

export class Component implements OnInit {

    public options: DatePickerOptions;

    ngOnInit() {
        this.options =  {
           format: "MM-DD-YYYY",
        };
        //You should initialize date attribute like
        this.user.StartDate = {formatted: 'MM-DD-YYYY'}; // It will work as placeholder/default value;

        // If you want blank on init 
        //this.user.StartDate = {formatted: ''};
    }
    //before save data
    save() {
       this.user.StartDate = this.user.StartDate.formatted;
    }

    //To make it non-editable by a keyboard, but allow Tab and Shift+Tab key
    eventHandler(event)
    {
        if(event.keyCode == 9) {
            if(event.shiftKey)
            {
                return true;
            }
            return true;
        }
        else {
            return false;
        }
    }
}

在模板文件中：

<ng2-datepicker name="StartDate" [options]="options" [(ngModel)]="user.StartDate" (keydown)="eventHandler($event)"></ng2-datepicker>