|
|
| Line 34: |
Line 34: |
| | | | |
| | </style> | | </style> |
| − | <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
| |
| | | | |
| − | <!-- Isolated Version of Bootstrap, not needed if your site already uses Bootstrap -->
| |
| − | <link rel="stylesheet" href="https://formden.com/static/cdn/bootstrap-iso.css" />
| |
| − |
| |
| − | <!-- Bootstrap Date-Picker Plugin -->
| |
| − | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
| |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
| |
| | | | |
| | <div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> | | <div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> |
| Line 95: |
Line 88: |
| | | | |
| | <!-- About Section --> | | <!-- About Section --> |
| − | <div class="bootstrap-iso">
| |
| − | <div class="container-fluid">
| |
| − | <div class="row">
| |
| − | <div class="col-md-6 col-sm-6 col-xs-12">
| |
| | | | |
| − | <!-- Form code begins -->
| |
| − | <form method="post">
| |
| − | <div class="form-group"> <!-- Date input -->
| |
| − | <label class="control-label" for="date">Date</label>
| |
| − | <input class="form-control" id="date" name="date" placeholder="MM/DD/YYY" type="text"/>
| |
| − | </div>
| |
| − | <div class="form-group"> <!-- Submit button -->
| |
| − | <button class="btn btn-primary " name="submit" type="submit">Submit</button>
| |
| − | </div>
| |
| − | </form>
| |
| − | <!-- Form code ends -->
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| | | | |
| Line 133: |
Line 106: |
| | | | |
| | </section> | | </section> |
| − | <script>
| + | |
| − | $(document).ready(function(){
| + | |
| − | var date_input=$('input[name="date"]'); //our date input has the name "date"
| + | |
| − | var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
| + | |
| − | var options={
| + | |
| − | format: 'mm/dd/yyyy',
| + | |
| − | container: container,
| + | |
| − | todayHighlight: true,
| + | |
| − | autoclose: true,
| + | |
| − | };
| + | |
| − | date_input.datepicker(options);
| + | |
| − | })
| + | |
| − | </script>
| + | |
| | </html> | | </html> |
| | | | |
| | {{BOKU-Vienna-footer}} | | {{BOKU-Vienna-footer}} |
