如何使用angularJS和jquery UI在日期选择器中设置区域选项?

如何使用angularJS和jquery UI在日期选择器中设置区域选项?,angularjs,jquery-ui,Angularjs,Jquery Ui,我需要在日期选择器中设置西班牙语周和月。我尝试使用下面的代码,但无法在日期选择器中获取这些区域选项。在这里,我使用的是动态组件字段。当开始日期显示今天时,下一个字段显示的是基于第一个字段选择的日期。因此,在日期选择器中的动态日期。此函数工作正常,但我需要使用动态语言。 例如: 我需要角度js。本地区域选项直接应用 app.directive('myDirective', function(){ return { restrict: 'A', require

我需要在日期选择器中设置西班牙语周和月。我尝试使用下面的代码,但无法在日期选择器中获取这些区域选项。在这里,我使用的是动态组件字段。当开始日期显示今天时,下一个字段显示的是基于第一个字段选择的日期。因此,在日期选择器中的动态日期。此函数工作正常,但我需要使用动态语言。 例如:


我需要角度js。

本地区域选项直接应用

app.directive('myDirective', function(){
    return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
            agdate:'@',
            seldate:'@',
        },
        link: function(scope, element, attrs, ngModelCtrl){
            element.on("mouseenter" ,function(){
              var displayingDays =parseInt(scope.agdate);
              if(scope.seldate){
              var selected = scope.seldate;
              }else{
                 var selected =-0;
              }
              attrs.minDate = selected;
              attrs.maxDate =  displayingDays;
                element.datepicker({
                    dateFormat: "dd/mm/yy",
                    minDate: selected,
                    buttonImage: "calendar.gif",
                    closeText: "Cerrar",
                    prevText: "<Ant",
                    nextText: "Sig>",
                    currentText: "Hoy",
                    monthNames: ["enero", "febrero", "marzo", "abril", "mayo", "junio",
                        "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"
                    ],
                    monthNamesShort: ["ene", "feb", "mar", "abr", "may", "jun",
                        "jul", "ago", "sep", "oct", "nov", "dic"
                    ],
                    dayNames: ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"],
                    dayNamesShort: ["dom", "lun", "mar", "mié", "jue", "vie", "sáb"],
                    dayNamesMin: ["D", "L", "M", "M", "J", "V", "S"],
                    weekHeader: "Sm",
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: "",
                    beforeShow: function(element, datepicker){
                        if(attrs.maxDate){
                            angular.element(element).datepicker("option", "maxDate", attrs.maxDate);
                        }
                    },
                    onSelect:function(date){
                        scope.$apply(function(){
                            ngModelCtrl.$setViewValue(date);
                        });
                    }
                });
            });
        }
    }
});
app.directive('myDirective', function(){
    return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
            agdate:'@',
            seldate:'@',
        },
        link: function(scope, element, attrs, ngModelCtrl){
            element.on("mouseenter" ,function(){
              var displayingDays =parseInt(scope.agdate);
              if(scope.seldate){
              var selected = scope.seldate;
              }else{
                 var selected =-0;
              }
              attrs.minDate = selected;
              attrs.maxDate =  displayingDays;
                element.datepicker({
                    dateFormat: "dd/mm/yy",
                    minDate: selected,
                    buttonImage: "calendar.gif",
                    closeText: "Cerrar",
                    prevText: "<Ant",
                    nextText: "Sig>",
                    currentText: "Hoy",
                    monthNames: ["enero", "febrero", "marzo", "abril", "mayo", "junio",
                        "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"
                    ],
                    monthNamesShort: ["ene", "feb", "mar", "abr", "may", "jun",
                        "jul", "ago", "sep", "oct", "nov", "dic"
                    ],
                    dayNames: ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"],
                    dayNamesShort: ["dom", "lun", "mar", "mié", "jue", "vie", "sáb"],
                    dayNamesMin: ["D", "L", "M", "M", "J", "V", "S"],
                    weekHeader: "Sm",
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: "",
                    beforeShow: function(element, datepicker){
                        if(attrs.maxDate){
                            angular.element(element).datepicker("option", "maxDate", attrs.maxDate);
                        }
                    },
                    onSelect:function(date){
                        scope.$apply(function(){
                            ngModelCtrl.$setViewValue(date);
                        });
                    }
                });
            });
        }
    }
});