1
0

Remove bootstrap-datepicker and use HTML5 date input.

This commit is contained in:
Markus Birth 2018-05-03 15:03:09 +02:00
parent dccc2652d0
commit ddc1bd7c0a
Signed by: mbirth
GPG Key ID: A9928D7A098C3A9A
6 changed files with 3 additions and 18 deletions

View File

@ -102,12 +102,7 @@ window.initUI = ->
# date params event handlers # date params event handlers
updateDateNav() updateDateNav()
$('.input-daterange').datepicker $('.input-daterange').on 'change', (e) ->
format: 'yyyy-mm-dd'
language: window.datepicker_language
endDate: '0d'
$('.input-daterange').datepicker().on 'hide', (e) ->
return gotoDate $('#dateFrom').val(), $('#dateTo').val() return gotoDate $('#dateFrom').val(), $('#dateTo').val()
# accuracy event handlers # accuracy event handlers

View File

@ -18,7 +18,6 @@
"jQuery": "^3.3.1", "jQuery": "^3.3.1",
"coffeescript": "^2.3.0", "coffeescript": "^2.3.0",
"bootstrap": "^4.1.0", "bootstrap": "^4.1.0",
"bootstrap-datepicker": "^1.6.4",
"font-awesome": "*", "font-awesome": "*",
"js-cookie": "^2.2.0", "js-cookie": "^2.2.0",
"leaflet": "^1.3.1", "leaflet": "^1.3.1",

View File

@ -4,8 +4,6 @@
setlocale(LC_TIME, 'en_GB'); setlocale(LC_TIME, 'en_GB');
$_config['datepicker-language'] = 'en-GB';
// MySQL / MariaDB // MySQL / MariaDB
$_config['sql_type'] = 'mysql'; $_config['sql_type'] = 'mysql';
$_config['sql_host'] = ''; $_config['sql_host'] = '';

View File

@ -29,7 +29,6 @@ $mustache = new \Mustache_Engine(array(
$vars = array( $vars = array(
'accuracy' => $accuracy, 'accuracy' => $accuracy,
'tracker_id' => $trackerID, 'tracker_id' => $trackerID,
'datepicker_language' => $_config['datepicker-language'],
); );
$tpl = $mustache->loadTemplate('index'); $tpl = $mustache->loadTemplate('index');

View File

@ -26,9 +26,9 @@
</div> </div>
<div class="col-5 text-center"> <div class="col-5 text-center">
<div class="input-group input-daterange"> <div class="input-group input-daterange">
<input type="text" class="form-control" size="10" value="" id="dateFrom"/> <input type="date" class="form-control" value="" id="dateFrom"/>
<span class="col-form-label">&nbsp;to&nbsp;</span> <span class="col-form-label">&nbsp;to&nbsp;</span>
<input type="text" class="form-control" size="10" value="" id="dateTo"/> <input type="date" class="form-control" value="" id="dateTo"/>
</div> </div>
</div> </div>
<div class="col-6 text-right"> <div class="col-6 text-right">
@ -101,7 +101,6 @@
window.default_trackerID = '{{default_tracker_id}}'; window.default_trackerID = '{{default_tracker_id}}';
window.trackerID = '{{tracker_id}}'; window.trackerID = '{{tracker_id}}';
window.accuracy = {{accuracy}}; window.accuracy = {{accuracy}};
window.datepicker_language = '{{datepicker_language}}';
initUI(); initUI();
window.rpc = new RpcClient('rpc.php?callback=?'); window.rpc = new RpcClient('rpc.php?callback=?');

View File

@ -9,11 +9,6 @@
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-grid.min.css"/> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-grid.min.css"/>
<!-- BOOTSTRAP DATETIMEPICKER !-->
<script type="text/javascript" src="bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="bower_components/bootstrap-datepicker/dist/locales/bootstrap-datepicker.{{datepicker_language}}.min.js"></script>
<link rel="stylesheet" href="bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css"/>
<!-- Font Awesome --> <!-- Font Awesome -->
<link rel="stylesheet" href="bower_components/font-awesome/web-fonts-with-css/css/fontawesome-all.min.css"/> <link rel="stylesheet" href="bower_components/font-awesome/web-fonts-with-css/css/fontawesome-all.min.css"/>