jquery mobile datepicker不能与angularjs一起使用

时间:2014-08-12 17:51:57

标签: jquery angularjs jquery-ui mobile datepicker

我正在关注jquery mobile datepicker小部件链接http://demos.jquerymobile.com/1.4.0/datepicker/来构建我的页面。 datepicker有效,但我发现如果我将它与augular一起使用,通过在datepicker中选择日期,它将不会更新augular中的范围。 请参阅我在here

中构建的jsfiddle

您可以观察到,如果您在文本框中键入内容,则会反映范围更改。但是,通过在datepicker中选择日期,它不会更新范围。

有什么想法吗?

<div ng-app ng-controller="TodoCtrl" data-role="page">
    <div data-role="content">
        StartDate:{{startdate}}
        <input name="mydate" type="text" data-role="date" placeholder="MM/dd/yyyy" ng-model="startdate" >
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

将jQuery datepicker与angular结合起来并不像简单地添加ng-model那么容易。请参阅此文章:http://www.grobmeier.de/angular-js-binding-to-jquery-ui-datepicker-example-07092012.html

如果您正在寻找一个简单的解决方案,我过去曾使用过角度引导日期选择器:http://angular-ui.github.io/bootstrap/