ng2-datepicker with format选项和ngModel返回[object Object]

Question

我尝试使用ng2-datepicker选择日期，然后将其显示在桌面上。我遇到的问题是绑定到我选择的日期并不起作用。我想它必须使用我制作的格式选项（DD.MM.YYYY）。在我的HTML中，我有这个代码：

<ng2-datepicker [(ngModel)]="date" [options]="datepickeroptions"></ng2-datepicker>

带有typescript的

datepickeroptions是这样的：

this.datepickeroptions = {
  format: "DD.MM.YYYY",
  locale: "de",
};

我尝试将日期变量初始化为Date和string，但没有一个工作。我只是将[object Object]作为来自ngModel的值，尽管输入容器中的值看起来没问题。在此先感谢您的帮助。

Answer 1

最后，我找到了解决方案！起初我发现json管道给了我正确的属性。然后我在类型为any的.ts文件上创建了deadlineinput，并在OnInit中将其初始化为：

 this.deadlineinput = {
        formatted: ''
    };

在这里，人们还可以添加他想要访问的其他选项（json 并在HTML上看起来像这样：

{ "day": "05", "month": "01", "year": "2017", "formatted": "05.01.2017", "momentObj": "2017-01-04T23:00:00.000Z" }

我把它放在.hmtl：

上

<ng2-datepicker [(ngModel)]="deadlineinput" [options]="datepickeroptions"></ng2-datepicker> <label> selected date is: {{deadlineinput.formatted}} </label>

我知道它不应该是这样的，我在github上为当前版本打开了一个问题，但至少它是一个解决方法，现在帮助我。

Answer 2

您应该使用香蕉盒符号代替仅使用框：

[(ngModel)]="date"

• （）：从视图到控制数据绑定
• []：从控件到查看数据绑定
• [（）]：2路数据绑定