diff --git a/views/purchase.js b/views/purchase.js
index eab1711d..476db4b3 100644
--- a/views/purchase.js
+++ b/views/purchase.js
@@ -281,6 +281,8 @@ $(function()
 		$('#flow-info-addbarcodetoselection').removeClass('hide');
 		$('#barcode-lookup-disabled-hint').removeClass('hide');
 	}
+
+	Grocy.EmptyElementWhenMatches('#best-before-timeago', 'NaN years ago');
 });
 
 $('#best_before_date-datepicker-button').on('click', function(e)
@@ -310,6 +312,9 @@ $('#best_before_date').on('change', function(e)
 		$('#best_before_date').val(value);
 		$('#purchase-form').validator('validate');
 	}
+
+	$('#best-before-timeago').text($.timeago($('#best_before_date').val()));
+	Grocy.EmptyElementWhenMatches('#best-before-timeago', 'NaN years ago');
 });
 
 $('#best_before_date').on('keydown', function(e)
diff --git a/views/purchase.php b/views/purchase.php
index a088a108..70943719 100644
--- a/views/purchase.php
+++ b/views/purchase.php
@@ -17,7 +17,7 @@
 		</div>
 
 		<div class="form-group">
-			<label for="best_before_date">Best before</label>
+			<label for="best_before_date">Best before&nbsp;&nbsp;<span class="small text-muted"><time id="best-before-timeago" class="timeago timeago-contextual"></time></span></label>
 			<div class="input-group date">
 				<input type="text" data-isodate="isodate" class="form-control datepicker" id="best_before_date" name="best_before_date" required autocomplete="off">
 				<div id="best_before_date-datepicker-button" class="input-group-addon">