日期选择器 datetimepicker

一.添加JS和CSS的引用

<script src="JS/jquery-3.5.1.min.js"></script>

<link href="CSS/jquery.datetimepicker.min.css" rel="stylesheet" />

<script src="JS/jquery.datetimepicker.full.min.js"></script>

二.添加标签

 <input type="text" id="txt_date" />

三.添加Jquery代码 

<script type="text/javascript">
        $(function () {
            $('#txt_date').datetimepicker({
                timepicker: false,
                format: 'Y-m-d',
                theme:'dark'
            });
        })

</script>

还有一些其他的控制属性，请自行百度。

完整代码如下所示：