时间日期选择器-bootstrap

CSS 和 JS

<!-- bootstrap样式表 -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- 时间选择器样式表 -->
    <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

    <!-- jquery -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

    <!-- bootstrap脚本 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!-- 时间选择器前置脚本 -->
    <script src="https://cdn.bootcss.com/moment.js/2.22.1/moment-with-locales.min.js"></script>

    <!-- 时间选择器核心脚本 -->
    <script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

Input样式为：（可自行调）

<div class="col-sm-6">
                                <div class="card-body">

                                    <input style="text-align: center;border: #0FB25F solid 1px" class="form-control js-datetimepicker" type="text" id="interviewTime" name="interviewTime" placeholder="请选择具体时间" value="" data-side-by-side="true" data-locale="zh-cn" data-format="YYYY-MM-DD HH:mm" />

                                </div>
                                    </div>

最后在Script块中初始化:

<script>
    $("#interviewTime").datetimepicker({
        format: 'YYYY-MM-DD'
    });
</script>

效果为: