AngularJS-jQuery UI-使用ng csv时的绑定问题

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'),代码就能正常工作。但总的来说,这是行不通的 有人能帮我吗?提前谢谢。下面的方法现在适合我了 仅按以下顺序添

我正在尝试将日期选择器添加到我的HTML页面中,我正在使用angular js进行数据绑定。我还需要将数据导出到CSV文件,我正在使用ng CSV指令执行此操作

我已经试过了stack over flow中提出的问题

这是我的小提琴

html

如果我删除了所有与ng csv相关的内容(外部资源ng csv和sanitize,包括应用程序模块中的'ngcsv'和'ngSanitize'),代码就能正常工作。但总的来说,这是行不通的


有人能帮我吗?提前谢谢。

下面的方法现在适合我了

仅按以下顺序添加CDN

  • jquery
  • jquery用户界面
  • 角js
  • 角消毒
  • ng csv
  • 我已经使用了bootstarp以及上面在一开始添加的内容。不需要休息

    编辑你的html如下

    <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();
                    }
                });
    
            });
        }
    }
    })