Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /usr/www/users/oosksh/doku/wp-content/plugins/wp-syntax/wp-syntax.php on line 383
Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /usr/www/users/oosksh/doku/wp-content/plugins/wp-syntax/wp-syntax.php on line 383
Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /usr/www/users/oosksh/doku/wp-content/plugins/wp-syntax/wp-syntax.php on line 383
Der Bootstrap Datetimepicker von „Eonasdan“ ist ein sehr schlank gehaltener Datum und Zeit Picker.
Anwendung
Der DateTimePicker benötig jQuery, Bootstrap und Moment.js das die Locale-Datei verwaltet.
Hier ein Code-Beispiel:
<div class="container"> <div class="row"> <div class='col-sm-6'> <div class="form-group"> <div class='input-group date' id='datetimepicker2'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <script type="text/javascript"> $(function () { $('#datetimepicker2').datetimepicker({ locale: 'de' }); }); </script> </div> </div> |
Integration
Erforderliche CSS-Dateien
<head> <!-- ... --> <link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="js/plugins/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> </head> |
Erforderliche JavaScript-Dateien
<head> <!-- ... --> <script type="text/javascript" src="js/jquery/jquery.min.js"></script> <script type="text/javascript" src="js/plugins/moment/min/moment-with-locales.min.js"></script> <script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script> <script type="text/javascript" src="js/plugins/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> </head> |