Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]
Groups > de.comp.lang.javascript > #4858
| From | Jan Novak <repcom@gmail.com> |
|---|---|
| Newsgroups | de.comp.lang.javascript |
| Subject | datepicker mit lokaler Version |
| Date | 2017-04-07 11:47 +0200 |
| Organization | albasani.net |
| Message-ID | <oc7n52$t1u$1@news.albasani.net> (permalink) |
Hallo,
ich habe dad Problem, dass die lokale Version vom
bootstrap-datepicker.min.js nicht funktioniert, die verlinkte aber
schon. Folgendes Code Beispiel funktioniert NICHT, aber wenn ich statt
der Lokalen Version <script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
einsetze, dann schon (die Datei 'bootstrap-datepicker.min.js' ist an der
richtigen Stelle und wird aus dem Browser auch korrekt verlinkt):
<script type="text/javascript"
src="http://192.168.14.142/test/datepicker/dist/js/jquery-3.2.0.min.js"></script>
<link rel="stylesheet"
href="http://192.168.14.142/test/datepicker/dist/css/bootstrap.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="http://192.168.14.142/test/datepicker/dist/css//bootstrap-datepicker3.css"
/>
<br>
<br><br><br><br>
<br>
<br><br><br><br><br>
<br><br><br><br>
<div class="bootstrap-iso">
<div class="container-fluid">
<div class="row">
<div class="col-md-2">
<!-- Form code begins -->
<form method="post">
<div class="form-group"> <!-- Date input -->
<label class="control-label" for="date">Date</label>
<div class='input-group date' id='datetimepicker1'>
<input autocomplete="off" class="form-control" id="date"
name="date" placeholder="DD.MM.YYYY" type="text"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</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>
<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: "dd.mm.yyyy",
todayBtn: true,
language: "de",
daysOfWeekDisabled: "0,2,3,4,5,6",
daysOfWeekHighlighted: "1",
calendarWeeks: true,
container: container,
todayHighlight: true,
autoclose: true,
startDate: "today",
};
date_input.datepicker(options);
})
</script>
Back to de.comp.lang.javascript | Previous | Next — Next in thread | Find similar
datepicker mit lokaler Version Jan Novak <repcom@gmail.com> - 2017-04-07 11:47 +0200
Re: datepicker mit lokaler Version Jan Novak <repcom@gmail.com> - 2017-04-07 11:50 +0200
Re: datepicker mit lokaler Version Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-04-07 22:37 +0200
Re: datepicker mit lokaler Version Gerome Muent <kontakt@bmservices.de> - 2017-04-10 07:44 +0200
Re: datepicker mit lokaler Version Jan Novak <repcom@gmail.com> - 2017-04-10 12:57 +0200
Re: datepicker mit lokaler Version Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-04-10 20:52 +0200
Re: datepicker mit lokaler Version Jan Novak <repcom@gmail.com> - 2017-04-11 15:13 +0200
Re: datepicker mit lokaler Version Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-04-11 16:35 +0200
csiph-web