Datum vergelijken

cornelis180 · 27 mei 2011

Ik heb een datum in de format: 22-05-2011.
Deze wil ik vergelijken met vandaag, en als het voorbij is, wil ik de cel een kleur geven.
Op dit moment doe ik het als volgt:

[JS]$j=jQuery.noConflict();
var today = new Date();
$j('table.wp-table-reloaded td.column-1').each(function() {
var date = new Date($j(this).text().replace(/(\d+)-(\d+)-(\d+)/, '$3-$2-$1')); // Extract date dd-mm-yyyy
if (today.getTime() > date.getTime()) { // Compare
$j(this).closest('tr').addClass('expired'); // And mark parent
}
});[/JS]

Het probleem is dat dit niet in alle browsers werkt (FF en Chrome sommige versies wel, IE8 iig niet)... Ik heb al ontdekt dat het ergens fout gaat in het vergelijken van de data.

Iemand enig idee hoe ik dit wel werkende kan krijgen?

rajmv · 26 jul 2011

Dit werkt in firefox en IE9;

Code:

<html>
<head>
<script src="/code/libraries/jquery-ui-1.8.13/js/jquery-1.6.1.min.js" type="text/javascript"></script>
	<script type="text/javascript"><!--
	function startApp() {
		$j=jQuery.noConflict();
		var today = new Date();
		$j('table.wp-table-reloaded td.column-1').each(function() {
			var dt = $j(this).text().split('-');
			var date = new Date(); 
			date.setFullYear(dt[2], dt[1], dt[0]);
			date.setHours(0);
			date.setMinutes(0);
			date.setSeconds(0);
			date.setMilliseconds(0);
		      if (today.getTime() > date.getTime()) { // Compare
		            $j(this).closest('tr').addClass('expired'); // And mark parent
		      }
		});
	}
	--></script>
</head>

<body onload="startApp();">
<table class="wp-table-reloaded">
	<tr>
		<td class="column-1">22-05-2011</td>
	</tr>
</table>
</body>
</html>

Datum vergelijken

cornelis180

Gebruiker

rajmv

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy