--- misc/horsensspejder-web/mobile/moedeprotokol.php	2014/03/20 08:04:44	2132
+++ misc/horsensspejder-web/mobile/moedeprotokol.php	2014/03/20 17:07:33	2133
@@ -11,13 +11,23 @@
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.min.css" /> <!-- datebox -->
+
 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
 
+<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.core.min.js"></script>
+<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/1.2.0/jqm-datebox-1.2.0.mode.calbox.min.js"></script>
+<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.da.asc.js"></script>
+
+
 <script type="text/javascript">
 
 $( function() {
 
+
+	$("#dato").val( '<?php echo date("d-m-Y"); ?>' );
+
     $("#select-enhed").change( function() {
     
         $.mobile.loading( "show" );
@@ -166,6 +176,9 @@
         <option value="spejder">Spejder</option>
         <option value="senior">Senior</option>
     </select>
+
+	<label for="dato">Dato</label>
+	<input name="dato" id="dato" type="text" data-role="datebox" data-options='{"mode":"calbox", "useNewStyle":true}' />
    
         <ul data-role="listview"  data-divider-theme="b" data-inset="true" id="medlemmer">
             <li data-role="list-divider" role="heading">