bootstrap-datepicker时间插件的使用

下载地址https://download.csdn.net/download/kxj19980524/10832565

 使用方式,先引入js,css文件

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/datepicker/css/bootstrap-datetimepicker.min.css" />
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/datepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/datepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<input id="publishDate" type="text" name="publishDate" class="form-control" value="">

<script>
    $(function () {
        $("#publishDate").datetimepicker({
            language:'zh-CN',
            format:'yyyy-MM-dd HH:mm:ss', //截至到时分秒,可以自己写格式
            minView:"month",//选择日期后不会跳转到时分秒
            todayBtn:1,     //显示今天的按钮
            autoclose:1    //点击空白区域关闭,默认存在
        });
        $("#publishDate").val(getCurrDate());  //默认加载的时候显示现在的时间
    })
    function getCurrDate() {   //拼一个当前时间的字符串
        var d = new Date();
        return d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
    }

</script>

效果图