Bootstrap時間控件

1.引用bootstrap-datetimepicker文件

1     <link href="../Styles/bootstrap-datetimepicker.min.css" rel="Stylesheet" />
2     <link href="../Styles/bootstrap.css" rel="Stylesheet" />
3     <script src="../Scripts/jquery-3.3.1.min.js" type="text/javascript"></script>
4     <script src="../Scripts/bootstrap.min.js" type="text/javascript"></script>
5     <script src="../Scripts/bootstrap-datetimepicker.min.js" type="text/javascript"></script>

2加入以下HTML

<span>開始時間：</span>
                <input id="sdate" size="16" type="text" value="" readonly />
                <script type="text/javascript">
                    $("#sdate").datetimepicker({ format: 'yyyy-mm-dd hh:ii', autoclose: true, todayBtn: true });
                </script>