range | Tech Tips & Tricks

Angular JS Directive For Number Range

March 28, 2015 by blogmeister·1 Comment

Here is my custom Angular JS Directive to ensure user input is within the valid number range. The code works like this:

The user input is parsed by a regex expression to ensure that only digits are allowed.
Once it gets parsed, it will check if the value is within the number range specified using range-min and range-max attributes.
If it is below the range minimum, set the ngModel value to the range minimum value.
If it is more than the range maximum, set the ngModel value to the range maximum value.

Here is the Javascript code for the directive.

module.directive('range', function() {
	return {
		restrict: 'A',
		require: '?ngModel',
		link: function (scope, element, attrs, ngModel) {
			if (!ngModel) return;
			ngModel.$parsers.push(function(val) {
				var parsed = val.replace(/[^0-9]+/g, '');
				if (parseInt(parsed) > parseInt(attrs.rangeMax)) parsed = attrs.rangeMax;
				if (parseInt(parsed) < parseInt(attrs.rangeMin)) parsed = attrs.rangeMin
				if (val !== parsed) {
					ngModel.$setViewValue(parsed);
					ngModel.$render();
				}
				return parsed;
			});
		}
	};
});

module.directive('range', function() {

return {

restrict: 'A',

require: '?ngModel',

link: function (scope, element, attrs, ngModel) {

if (!ngModel) return;

ngModel.$parsers.push(function(val) {

var parsed = val.replace(/[^0-9]+/g, '');

if (parseInt(parsed) > parseInt(attrs.rangeMax)) parsed = attrs.rangeMax;

if (parseInt(parsed) < parseInt(attrs.rangeMin)) parsed = attrs.rangeMin

if (val !== parsed) {

ngModel.$setViewValue(parsed);

ngModel.$render();

}

return parsed;

});

}

};

});

And here is the sample HTML code.

<input type="text" range range-min="1" range-max="100"/>

1	<input type="text" range range-min="1" range-max="100"/>

A good case scenario to apply this directive is for input fields for percentage where 1-100 is your number range.

Check If Number Is Within Range Using Java

July 8, 2011 by blogmeister·0 Comments

This helper method checks if a given number is in between the range of the two numbers. I tried using >= and <= but they did not work. This method did the trick. I forgot where I found this one. It was in a forum about Java.

public static boolean isInRange(int a, int b, int c) {
    return b > a ? c >= a && c <= b : c >= b && c <= a;
}

public static boolean isInRange(int a, int b, int c) {

return b > a ? c >= a && c <= b : c >= b && c <= a;

}

Java Check If Date Is Within Date Range

August 12, 2008 by blogmeister·1 Comment

I made this method in order for me to determine if a java.util.Date falls in between 2 java.util.Date objects. I used Calendar objects to wrap the Date objects as they are much easier to use and retrieve month, day and year infos. Another helper method called isDateEqual is used within the isWithinDateRange method to determine if both Date objects are equal (excluding the time).

public static boolean isWithinDateRange(Date dateToSearch, Date startdate, Date enddate) {
  Calendar calstart = Calendar.getInstance();
  calstart.setTime(startdate);
  calstart.set(Calendar.HOUR, 0);
  calstart.set(Calendar.MINUTE, 0);
  calstart.set(Calendar.SECOND, 0);
  Calendar calend = Calendar.getInstance();
  calend.setTime(enddate);
  calend.set(Calendar.HOUR, 0);
  calend.set(Calendar.MINUTE, 0);
  calend.set(Calendar.SECOND, 0);
  Calendar calsearch = Calendar.getInstance();
  calsearch.setTime(dateToSearch);
  calsearch.set(Calendar.HOUR, 0);
  calsearch.set(Calendar.MINUTE, 0);
  calsearch.set(Calendar.SECOND, 0);
  if (((isDateEqual(calstart.getTime(), calsearch.getTime())) || (calstart.getTime().before(calsearch.getTime()))) &&
((isDateEqual(calend.getTime(), calsearch.getTime())) || (calend.getTime().after(calsearch.getTime())))) return true;
  else return false;
}
public static boolean isDateEqual(Date date1, Date date2) {
  Calendar cal1 = Calendar.getInstance();
  Calendar cal2 = Calendar.getInstance();
  cal1.setTime(date1);
  cal2.setTime(date2);
  if ((cal1.get(Calendar.MONTH) == cal2.get(Calendar.MONTH)) && (cal1.get(Calendar.DATE) == cal2.get(Calendar.DATE)) && (cal1.get(Calendar.YEAR) == cal2.get(Calendar.YEAR))) return true;
  else return false;
}

public static boolean isWithinDateRange(Date dateToSearch, Date startdate, Date enddate) {

Calendar calstart = Calendar.getInstance();

calstart.setTime(startdate);

calstart.set(Calendar.HOUR, 0);

calstart.set(Calendar.MINUTE, 0);

calstart.set(Calendar.SECOND, 0);

Calendar calend = Calendar.getInstance();

calend.setTime(enddate);

calend.set(Calendar.HOUR, 0);

calend.set(Calendar.MINUTE, 0);

calend.set(Calendar.SECOND, 0);

Calendar calsearch = Calendar.getInstance();

calsearch.setTime(dateToSearch);

calsearch.set(Calendar.HOUR, 0);

calsearch.set(Calendar.MINUTE, 0);

calsearch.set(Calendar.SECOND, 0);

if (((isDateEqual(calstart.getTime(), calsearch.getTime())) || (calstart.getTime().before(calsearch.getTime()))) &&

((isDateEqual(calend.getTime(), calsearch.getTime())) || (calend.getTime().after(calsearch.getTime())))) return true;

else return false;

}

public static boolean isDateEqual(Date date1, Date date2) {

Calendar cal1 = Calendar.getInstance();

Calendar cal2 = Calendar.getInstance();

cal1.setTime(date1);

cal2.setTime(date2);

if ((cal1.get(Calendar.MONTH) == cal2.get(Calendar.MONTH)) && (cal1.get(Calendar.DATE) == cal2.get(Calendar.DATE)) && (cal1.get(Calendar.YEAR) == cal2.get(Calendar.YEAR))) return true;

else return false;

}

Tech Tips & Tricks

tech tips gadgets programming software

Tag: range

Angular JS Directive For Number Range

Check If Number Is Within Range Using Java

Java Check If Date Is Within Date Range