如何实现 bootstrap datetimepicker 以具有日历字段

Question

我想在我的表单中添加日历，但日期时间选择器功能无法正常工作

<html>
<head>
    <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="./css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css">
    <link href="./css/style.css" rel="stylesheet" type="text/css">
    <link href="./css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
</head>                          

<body>
    <script src="js/jquery-3.2.0.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/moment.min.js"></script>
    <script src="js/bootstrap-datetimepicker.min.js"></script>
    <input type="text" id="datetimepicker1" readonly />
    <script type="text/javascript">
        $('#datetimepicker1').datetimepicker({
            format: 'dd/MM/yyyy hh:mm:ss', 
            language: 'pt-BR'
        });
    </script>
</body>
</html>

在 html 页面中，我只得到一个输入字段。当我检查控制台时，它告诉我

function datetimepicker not found

Answer 1

因为它可能还没有加载，试试：

$(function(){
    $('#datetimepicker1').datetimepicker({
        format: 'dd/MM/yyyy hh:mm:ss', 
        language: 'pt-BR'
    });
});

如何实现 bootstrap datetimepicker 以具有日历字段

how to implement bootstrap datetimepicker to have a calendat field

jquery

twitter-bootstrap-3

bootstrap-datetimepicker