AngularJS-jQuery UI-使用ng csv时的绑定问题
我正在尝试将日期选择器添加到我的HTML页面中,我正在使用angular js进行数据绑定。我还需要将数据导出到CSV文件,我正在使用ng CSV指令执行此操作 我已经试过了stack over flow中提出的问题 这是我的小提琴 html 如果我删除了所有与ng csv相关的内容(外部资源ng csv和sanitize,包括应用程序模块中的'ngcsv'和'ngSanitize'),代码就能正常工作。但总的来说,这是行不通的AngularJS-jQuery UI-使用ng csv时的绑定问题,jquery,angularjs,jquery-ui,angularjs-directive,datepicker,Jquery,Angularjs,Jquery Ui,Angularjs Directive,Datepicker,我正在尝试将日期选择器添加到我的HTML页面中,我正在使用angular js进行数据绑定。我还需要将数据导出到CSV文件,我正在使用ng CSV指令执行此操作 我已经试过了stack over flow中提出的问题 这是我的小提琴 html 如果我删除了所有与ng csv相关的内容(外部资源ng csv和sanitize,包括应用程序模块中的'ngcsv'和'ngSanitize'),代码就能正常工作。但总的来说,这是行不通的 有人能帮我吗?提前谢谢。下面的方法现在适合我了 仅按以下顺序添
有人能帮我吗?提前谢谢。下面的方法现在适合我了 仅按以下顺序添加CDN
<p><b>Date from</b> <input id="date1" datepicker date="fromDate" /></p>
真的不清楚你的具体问题是什么。你提到了datepicker和csv。代码不会停止工作而不抛出错误…它们是什么?为什么要包含所有脚本的副本?另外,为什么要同时包含缩小和未缩小的js文件?您现在拥有所有内容的重复js文件。我建议您只添加缩小版(所有min.js文件),而不添加较大的版本,以便更快地加载。谢谢您的回复。我对angularjs和jquery非常陌生。我现在无法访问我的代码。我将在Minday上提供有关我的代码的更多详细信息。我添加了不起作用的fiddle。。
var myApp = angular.module('myApp', ['myApp.directives','ngSanitize','ngCsv']);
function MainCtrl($scope) {
$scope.getHeader = function () {return ["CO Number", "Client Name" ]};
$scope.getArray = [ {A:"a",B:"b"},{A:"c",B:"d"} ];
}
angular.module('myApp.directives', [])
.directive('myDatepicker', function() {
return function(scope, element, attrs) {
element.datepicker({
changeYear : true,
changeMonth : true,
appendText : '(yyyy-mm-dd)',
dateFormat : 'yy-mm-dd',
onSelect: function(dateText, inst) {
var mdlAttr = $(this).attr('ng-model');
scope[attrs.ngModel] = dateText;
scope.$apply();
}
});
}
});
<p><b>Date from</b> <input id="date1" datepicker date="fromDate" /></p>
myApp.directive('datepicker',function(){
return{
scope:{
date: "="
},
link : function (scope, element, attrs) {
scope.$watch('date', function(value){
$(element).datepicker('setDate',value);
}),
$(function(){
$(element).datepicker({
changeYear : true,
changeMonth : true,
appendText : '(dd/mm/yyyy)',
dateFormat: 'dd/mm/yy',
onSelect:function (date) {
scope.date = date;
scope.$apply();
}
});
});
}
}
})