带有jQuery Datepicker的Angular JS,ng-repeat中的范围问题

时间:2016-07-12 20:59:48

标签: jquery angularjs datepicker

我需要使用带有Angular的jQuery datepicker,我对两者都是新手:-(。我可以使用datepicker作为角度指令。但是,我遇到了一些问题。

请看这个plunker。 http://plnkr.co/edit/Gm2qeKA1qdyxPGCnGaHH?p=preview

当我使用标题中的日期选择器选择日期(日期1或日期2)时,它会更新模型。更改正确地反映在第一个表中。但是对于日期1,尽管模型正在更新,但隐藏的输入值仍未更新。这可以通过单击底部的按钮来验证。

其次,从行级别(在ng-repeat内部)更改日期1或日期2不会更新模型。更改未反映在第一个表中。但输入值正在更新。如果输入值被更新,为什么模型没有被更新,因为它们绑定在一起?

<input type="hidden" id="{{x.id}}_DatePicker_1" ng-model="x.date1" datepicker="true" />
<input type="text" id="{{x.id}}_DatePicker_2" ng-model="x.date2" datepicker="true" />

另外,一个奇怪的问题(我认为)。当第一次加载数据时,打开行级别datepicker的日期选择器(在ng-repeat内)显示仅为日期2选择的初始值,即文本框上的datepicker。但初始值未显示为日期1选择,即隐藏字段上的日期选择器。

当然,我做错了多件事,但我发现自己无法搞清楚。将会感谢您的帮助,理解我所犯的错误并获得我的plunker的工作版本,最好是所有使用案例都有效。提前谢谢!

0 个答案:

没有答案