Я получил ошибку при попытке создать средство выбора даты, я сделал точно так, как указано для https://www.daterangepicker.com, но это не сработало. Что это за ошибка? Как исправить эту ошибку? Я только недавно начал изучать js, пожалуйста, не могли бы вы дать мне подробное руководство. Спасибо
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<link href="static/html/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="static/plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.css" rel="stylesheet">
<link href="static/html/css/animate.css" rel="stylesheet">
<link href="static/html/css/style.css" rel="stylesheet">
<link href="static/html/css/colors/default.css" id="theme" rel="stylesheet">
<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script>
$(function() {
$('input[name="date_times"]').daterangepicker({
timePicker: true,
startDate: moment().startOf('hour'),
endDate: moment().startOf('hour').add(32, 'hour'),
locale: {
format: 'MM/DD/YYYY HH:mm'
}
});
});
</script>
<script>
function submitDate() {
document.getElementById("frm1").submit();
}
</script>
<style>
div.set_height {
height: 100px;
}
</style>
</head>
<body class="fix-header">
<div class="row">
<div class="col-sm-12">
<div class="col-sm-7 white-box set_height">
<h3 class="box-title">Historical Table</h3>
<p class="text-muted"> Data will be saved every 30 minutes</p>
</div>
<div class="col-sm-5 white-box set_height">
<form id="frm1" method=POST action="{{ url_for('get_history') }}">
<h3 class="box-title"> Filter :
<input type="text" placeholder="M/D/Y H:m - M/D/Y H:m" name="date_times"/>
<button type="submit" onclick="submitDate()" style=background-color:#e7e7e7;color:blue;>Submit</button>
</h3>
</form>
<p class="text-muted">Select date and time</p>
</div>
</div>
</div>
<footer class="footer text-center"> © Dashboard Pepple Counting </footer>
<script src="static/plugins/bower_components/jquery/dist/jquery.min.js"></script>
<script src="static/html/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="static/plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.js"></script>
<script src="static/html/js/jquery.slimscroll.js"></script>
<script src="static/html/js/waves.js"></script>
<script src="static/html/js/custom.min.js"></script>
</body>
</html>