格式化表单输入字段取消绑定我的ng-model

时间:2014-07-10 04:56:25

标签: javascript jquery forms angularjs

我有一个表单,我试图用角度JS提交

其中一个字段需要生成埃塞俄比亚日历,因此我使用外部JavaScript库来显示此日期 - 可在此处http://keith-wood.name/calendarsRef.html

要显示日期选择器,可以创建输入文本,如下所示:

<input type="text" id="ethiopianDOB" ng-model='Ethiopian'

和相应的javascript

$( "#ethiopianDOB" ).calendarsPicker({
    calendar: $.calendars.instance('ethiopian')
}); 

但是这会干扰我的ng-model绑定,因此无法在$ scope中访问我的变量(我在表单提交时查看了对象,我没有像$ scope.Ethiopian这样的项目

我正在寻找方法 1.保留ng模型OR的绑定 2.不要求javascript实例化日历或
3.改进我对这个问题的处理方法

谢谢

1 个答案:

答案 0 :(得分:1)

如果可能,你不应该混合使用JQuery和Angular。尝试以棱角分明的方式思考。而不是回到JQuery。

以下是关于此主题的精彩帖子:"Thinking in AngularJS" if I have a jQuery background?

话虽这么说,你应该尝试用角度指令替换JQuery日历,例如Angular UI Bootstrap中的datepicker。我不知道他们是否有Ethopian日历,但你可以随时建立自己的日历。

这可以解决您的问题。

希望这有帮助。

相关问题