如何使用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);
});
}
});
});
}
}
});