Difference between revisions of "Team:BOKU-Vienna/Notebook"

Line 32: Line 32:
  
 
/* Datepicker  
 
/* Datepicker  
 +
h1 {
 +
  font-family: Helvetica;
 +
  font-weight: 100;
 +
}
 +
body {
 +
  color:#333;
 +
text-align:center;
 +
}
 +
 
 
----------------------------------*/
 
----------------------------------*/
  
 
</style>
 
</style>
−
 
+
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
 +
   
 +
    <!-- Load jQuery JS -->
 +
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 +
    <!-- Load jQuery UI Main JS  -->
 +
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 +
   
 +
    <!-- Load SCRIPT.JS which will create datepicker for input field  -->
 +
    <script src="script.js"></script>
 +
   
 +
    <link rel="stylesheet" href="runnable.css" />
  
  
Line 106: Line 125:
 
<!---TEST--->
 
<!---TEST--->
 
<body>
 
<body>
−
<div class="input-group date" data-provide="datepicker-inline">
+
    <p>Pick a Date: <input type="text" id="datepicker" /></p>
−
    <input type="text" class="form-control">
+
  </body>
−
    <div class="input-group-addon">
+
−
        <span class="glyphicon glyphicon-th"></span>
+
−
    </div>
+
−
</div>
+
−
</body>
+
  
 
<!---TEST-->
 
<!---TEST-->
Line 119: Line 133:
  
 
<script type="text/javascript"></script>
 
<script type="text/javascript"></script>
−
<script>
+
/*  jQuery ready function. Specify a function to execute when the DOM is fully loaded. */
−
var datepicker = $.fn.datepicker.noConflict(); // return $.fn.datepicker to previously assigned value
+
$(document).ready(
−
$.fn.bootstrapDP = datepicker;
+
 
−
$('.datepicker').datepicker({
+
  /* This is the function that will get executed after the DOM is fully loaded */
−
    format: 'mm/dd/yyyy',
+
  function () {
−
    startDate: '-3d'
+
    $( "#datepicker" ).datepicker({
−
});
+
      changeMonth: true,//this option for allowing user to select month
 +
      changeYear: true //this option for allowing user to select from year range
 +
    });
 +
  }
 +
 
 +
);
 
    
 
    
 
</script>
 
</script>

Revision as of 09:27, 18 July 2017

Notebook

V

Notebook.


Our Notebook is still under construction. You can find our protocol for the methods here: Protocol

Pick a Date:

/* jQuery ready function. Specify a function to execute when the DOM is fully loaded. */ $(document).ready( /* This is the function that will get executed after the DOM is fully loaded */ function () { $( "#datepicker" ).datepicker({ changeMonth: true,//this option for allowing user to select month changeYear: true //this option for allowing user to select from year range }); } );