Index: src/django_gheat/website/templates/home.html
===================================================================
--- src/django_gheat/website/templates/home.html	(revision 9249)
+++ src/django_gheat/website/templates/home.html	(revision 9251)
@@ -3,24 +3,40 @@
   <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" media="screen" />
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}jquery-1.6.1.min.js"></script>
-<!--
+
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script> 
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
--->
+
   <script type="text/javascript" language="javascript" src="{{ STATIC_URL }}jquery.chained.js"></script>
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions.js"></script>
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}colorpicker.js"></script>
 
-<!-- jquery UI datapicker -->
-<link type="text/css" href="{{ STATIC_URL }}jquery-ui-1.8.13.custom.css" rel="Stylesheet" />	
-<script type="text/javascript" src="{{ STATIC_URL }}jquery-ui-1.8.13.custom.min.js"></script>
+  <!-- jquery UI datapicker -->
+  <link type="text/css" href="{{ STATIC_URL }}jquery-ui-1.8.13.custom.css" rel="Stylesheet" />	
+  <script type="text/javascript" src="{{ STATIC_URL }}jquery-ui-1.8.13.custom.min.js"></script>
 
 
   <script language="javascript" type="text/javascript">
     $(function(){
-      // enable colorpicker
       $('#colour').colorPicker();
-      $('#start_date').datepicker();
-      $('#end_date').datepicker();
+      $('#start_date, #end_date').datepicker({
+        dateFormat: 'dd/mm/yy',
+        beforeShow: setEnd,
+      });
+
+      function setEnd(element){
+        if (element.id=='end_date'){
+          var start_date = new Date($('#start_date').val());
+          start_date.setDate(start_date.getDate())
+          return {
+            minDate: start_date
+          };
+        }
+      return {}
+      }
+
+      $('#start_date').change(function(){
+        $('#end_date').val('').text('');
+      });
 
       $('#menu_filter').click(function(){