Kendo AngularJS日期选择器自定义验证

Kendo AngularJS日期选择器自定义验证,angularjs,validation,kendo-ui,datepicker,kendo-datepicker,Angularjs,Validation,Kendo Ui,Datepicker,Kendo Datepicker,如何让自定义验证为Kendo Angular指令DatePicker工作?我想实现以下示例,但使用日期选择器的角度指令版本: 任何帮助都将不胜感激。这就是我如何使用自己的模板和验证,基于剑道的日期选择器实现自定义日期选择器的方法: appModule.directive('nemoDatePicker',function(){ 返回{ 限制:'E', 要求:“?ngModel”, 范围:{ “名称”:“@”, “文本”:“@”, “ngModel”:“=”, }, templateUrl:“

如何让自定义验证为
Kendo Angular
指令
DatePicker
工作?我想实现以下示例,但使用
日期选择器的
角度
指令版本:


任何帮助都将不胜感激。

这就是我如何使用自己的模板和验证,基于剑道的日期选择器实现自定义日期选择器的方法:

appModule.directive('nemoDatePicker',function(){
返回{
限制:'E',
要求:“?ngModel”,
范围:{
“名称”:“@”,
“文本”:“@”,
“ngModel”:“=”,
},
templateUrl:“/App/nemo/nemoDatePicker.html”,
链接:功能(范围、元素、属性、模型){
},
控制器:功能($scope){
$scope.error=函数(名称){
var s=$scope.editor[name];
返回$scope.editor.$invalid&&$scope.editor.$dirty?“有错误”:“”;
};
}
};
});
指令('kendoDateValidator',['$sce',函数($sce){
返回{
restrict:'A',//仅在元素属性上激活
require:“?ngModel”,//获取NgModelController
链接:功能(范围、元素、属性、模型){
if(!ngModel)return;//如果没有ng模型,则不执行任何操作
//指定应如何更新UI
ngModel.$render=函数(){
//html($sce.getTrustedHtml(ngModel.$viewValue | |'');
};
//侦听更改事件以启用绑定
元素上('blur keyup change',函数(){
范围$evalAsync(读取);
});
read();//初始化
函数read(){
如果(!element.val())返回;
const startTime=performance.now();
如果(!isDate(element.val()))
{
//log(element.val()+“bad”);
ngModel.$setValidity('date',false);
}
其他的
{
//log(element.val()+“good”);
ngModel.$setValidity('date',true);
}
const duration=performance.now()-startTime;
//日志(“读取时间”+持续时间+“毫秒”);
}
函数isDate(x){
var d=kendo.parseDate(x,“dd/MM/yyyy”);
返回d instanceof Date;
};
}
};
}]);

{{text}}
שדה חובה
יש להזין תאריך

同样的问题,您现在有什么解决方案吗?