如何使用jquery datepicker写一个angularjs指令来验证日期和日期 [英] How to do write an angularjs directive to validate to date and from date using jquery datepicker

问题描述

我有一个用例，其中有许多有效日期和有效日期需要验证。我打算通过指令实现这一目标。可以通过修改以下代码来帮助我实现这个目标

如果有效则无法更有效（即灰化）

同样有效从不能少于



我尝试过：

I have a use case wherein I have many EFFECTIVE FROM AND EFFECTIVE TO dates to be validated. I am planning to achieve this through a directive. Could any help me achieve this using modifying the following code
If effective To cannot be greater effective from (i.e graying out )
Similarly for effective From cannot be less than

What I have tried:

app.directive('jqdatepicker', function() {
	return {
		restrict : 'A',
		require : 'ngModel',
		link : function(scope, element, attrs, ngModelCtrl) {
			$(function() {
				element.datepicker({
					dateFormat : 'dd-M-yy',
					maxDate : "Now",
					changeYear : true,
					yearRange : "-100:+100",
				

					showButtonPanel : true,
					closeText : 'Clear',
					onClose : function(date, inst) {
						if ($(window.event.srcElement).hasClass(
								'ui-datepicker-close')) {
							document.getElementById(this.id).value = '';
						}

					},

					onSelect : function(date) {
						scope.$apply(function() {
							ngModelCtrl.$setViewValue(date);
						});
					}
				});
			});
		}
	}
});

推荐答案

（function（）{
element.datepicker（{
dateFormat：'dd-M-yy'，
maxDate：Now，
changeYear：true，
yearRange： - 100：+100 ，


showButtonPanel：true，
closeText：'清除'，
onClose：function（date，inst）{
if（

(function() { element.datepicker({ dateFormat : 'dd-M-yy', maxDate : "Now", changeYear : true, yearRange : "-100:+100", showButtonPanel : true, closeText : 'Clear', onClose : function(date, inst) { if (

（window.event.srcElement）.hasClass（
'ui-datepicker-close'））{
document.getElementById（this.id）.value ='';
}

}，

onSelect：function（date）{
scope。

(window.event.srcElement).hasClass( 'ui-datepicker-close')) { document.getElementById(this.id).value = ''; } }, onSelect : function(date) { scope.

apply（function（function（ ）{
ngModelCtrl。

apply(function() { ngModelCtrl.

这篇关于如何使用jquery datepicker写一个angularjs指令来验证日期和日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！