NG2-带有格式选项的数据交换和ngModel返回[ Object ]

Question

我正在尝试使用ng2-datepicker来选择日期，然后将其显示在桌子上。我的问题是，绑定到我选定的日期不起作用。我想它必须使用我创建的格式选项(DD.MM.YYYY)来做一些事情。在我的html中，我有以下代码：

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

带有类型记录的数据采集器选项如下所示：

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

我尝试将date变量初始化为Date和string，但它们都没有工作。虽然输入容器中的值看起来没问题，但我从ngModel获得了作为值的对象对象。提前谢谢你的帮助。

​

​

Answer 1

最后，我找到了一个解决办法！一开始，我发现json管道给了我正确的属性。然后，我在类型为any的.ts文件上创建了一个静态输入，并在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

您应该使用香蕉框表示法，而不是只使用box：

[(ngModel)]="date"

• ()：从视图到控制数据绑定
• []：从控件到查看数据绑定
• ()：双向数据绑定