Changeset 9251 for src/django_gheat/website/templates/home.html

Timestamp:

Jun 10, 2011, 5:22:01 PM (14 years ago)

Author:

dennisw

Message:

Datepicker works. Next, will link it to user/dataset and fix some minor things.

File:

• src/django_gheat/website/templates/home.html (modified) (1 diff)

src/django_gheat/website/templates/home.html

@@ -3 +3 @@
   <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(){