Parsing ngModelController的datePicker和$parser函数的select date之后未触发更改事件未工作
在我的定制指令中,我通过从模型中获取公历日期并将其转换为波斯日期,然后将其显示给用户来进行日期转换。 转换为波斯日期是通过使用persianDatePicker完成的,然后转换为公历日期更新模型。 我的问题是,通过从DatePicker中选择日期,NgModelController的解析器函数不起作用,并且不对日期更改做出反应。 我在相关JS文件中日期选择器的OnSelect事件中使用了以下指令 $+inputId.change 在Link函数中放了一个函数,并用onSelectedJalaliDate的名字调用了它 在相关的JS文件中Parsing ngModelController的datePicker和$parser函数的select date之后未触发更改事件未工作,parsing,datepicker,angularjs-directive,onchange,angular-ngmodel,Parsing,Datepicker,Angularjs Directive,Onchange,Angular Ngmodel,在我的定制指令中,我通过从模型中获取公历日期并将其转换为波斯日期,然后将其显示给用户来进行日期转换。 转换为波斯日期是通过使用persianDatePicker完成的,然后转换为公历日期更新模型。 我的问题是,通过从DatePicker中选择日期,NgModelController的解析器函数不起作用,并且不对日期更改做出反应。 我在相关JS文件中日期选择器的OnSelect事件中使用了以下指令 $+inputId.change 在Link函数中放了一个函数,并用onSelectedJalali
onSelectedJalaliDate = function (value) {
ngModelCtrl.$setViewValue(value);
}
调用为解析器声明的函数,但不更新模型。
请任何人谁知道,告诉我如何调用函数,然后更新模型。
我使用了firfox版本29.0.1
指令:
(function () {
var direc = function () {
return {
restrict: 'EA',
require: '^ngModel',
scope: {},
template: '<input ng-class="{test:!isError}"></input>',
replace: true,
link: function (scope, element, attrs, ngModelCtrl) {
scope.isError = true;
var inputId = attrs['id'];
if (!inputId || !ngModelCtrl)
return;
//gregorianToJalali will be called every time a model change, converting
//gregorian dates and presenting persian date on the view
ngModelCtrl.$formatters.unshift(gregorianToJalali);
function gregorianToJalali(viewValue) {
if (viewValue) {
scope.isError = true;
var gDate = new Date(viewValue);
var gY = gDate.getFullYear();
var gM = gDate.getMonth();
var gD = gDate.getDate();
var value = JalaliDate.gregorianToJalali(gY, gM, gD);
var jalali = value[0].toString() + "/" + value[1].toString() + "/" + value[2].toString();
//The return of a formmatter is what is rendered on the DOM
return jalali;
}
}
//with that, jalaliToGregorian will be called every time a user fill the input
ngModelCtrl.$parsers.unshift(jalaliToGregorian);
function jalaliToGregorian(viewValue) {
if (!validateJalaliDate(viewValue)) {
return undefined;
}
else {
var jDate = viewValue.split('/');
var value = JalaliDate.jalaliToGregorian(jDate[0], jDate[1], jDate[2]);
var gDate = new Date(value[0], value[1], value[2]);
//The return of a $parsers is what is saved to the model
return gDate;
}
};
function validateJalaliDate(value) {
var array = value.split('/');
var result;
if (array.length != 3)
result = false;
else
result = JalaliDate.checkDate(array[0], array[1], array[2]);
ngModelCtrl.$setValidity('jalaliDatePickerValidation', result)
scope.isError = result;
return result;
}
Calendar.setup({
inputField: inputId,
ifFormat: '%Y/%m/%d',
dateType: 'jalali'
});
onSelectedJalaliDate = function (value) {
ngModelCtrl.$setViewValue(value);
}
}
}
};
var mod = angular.module('jalaliDatePickerModule', []);
mod.directive('jalaliDatePicker', direc);
}());
jquery应该在