How to do write an angularjs directive to validate to date and from date using jquery datepicker

See more:

ASP.NET

Javascript

jQuery

JSP

, +

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);
						});
					}
				});
			});
		}
	}
});