jQuery datepicker很难在Angular.js中实现
jQuery datepicker is hard to implement in Angular.js
我是Angular.js的初学者。我有一个web应用程序在开发阶段使用Angular。我想在我的表单中实现一个日期选择器。
请参阅下面的源代码。
app.js
myapp.directive('datepicker', function () {
return {
restrict: 'A',
require: 'ngModel',
link: function (scope, element, attrs, jsCtrl) {
element.datepicker({
dateFormat: 'DD, d MM, yy',
onSelect: function (date) {
jsCtrl.$setViewValue(date);
scope.$apply();
}
});
}
};
});
jsCtrl
var ProfileWebModel = {
Name: 'Test Customer',
Email: 'customer@wifi.com',
Password: '111111',
ConfirmPassword: '111111',
DOB: 'DOB',
Address: 'xxxx',
City: 'Ernakulam',
Country: 'India',
Pincode: '683212',
Phone: '9998989892'
}
$scope.setViewValue = function (value) {
ProfileWebModel.DOB = value;
}
DatePicker被正确呈现。但是当我在DatePicker中选择一个日期时,网页会导航到另一个页面。是否需要配置路由?
导航的问题来自于一个href click事件没有被捕获,被阻止传播。你可以用jquery挂钩,并添加一个事件。stopImediateprogagation吗?http://api.jquery.com/event.stopimmediatepropagation/
相关文章:
- HTML中两种JS实现之间的差异
- 使用 JavaScript/Node.js 实现插件架构
- 如何使用结构 JS 实现对比度
- 通过JS实现面板可见性
- 我怎样才能用 Require.js 实现 TinyMCE
- 使用Skrollr.js实现水平效果
- 基本 JS 实现基本数学来转换值
- Prototypejs $super的原生 JS 实现
- 使用 JS 实现 HTML 最小化器插件
- 分析JS实现中的XLS(Excel)文件
- 如何使用paper.js实现多点触摸交互
- 如何使用sinon.js实现mock/stub回调函数
- React.js-实现组件排序
- 是否可以用Ext.js实现可移动工具栏,如果可以,如何用我的代码实现
- 棘轮与角js实现
- JavaScript/List.js:实现模糊搜索
- 尝试使用cucumber.js实现页面对象模型时出错
- 如何使用Thinktecture.IdentityServer.v2和Node.js实现WS-Federation
- 使用Node.js实现网页自动化
- 使用MVC/Backbone.js实现复合模式