BootStrap3中日期选择器的使用

需要用到的css、js文件如下

版本截图如下：

引用示例：

    //CSS
    
    

    //JS
    <%--jquery必须放在其他js文件之前--%>
    
    <%--bootstrap日期选择器国际化包--%>
    
    
    <%--bootstrap日期选择器包--%>
    

//示例代码                    

     出版日期
         

               
         
 

js代码

//日期选择器
    $('#input_book_published').datetimepicker({
        //'dddd YYYY年MM月DD日 HH:mm:ss' 星期几 年月日 时分秒
        //YYYY年MM月DD日 HH:mm:ss' 年月日 时分秒
        format: 'YYYY-MM-DD',
        //国际化，这里指中文
        language: "zh-CN",
        //判断日期是否改变，改变就将日期选择框关闭
    }).on('dp.change', function (ev) {
        var newDateTime = ev.date ? ev.date.format('yyyy-MM-dd HH:mm:ss') : "";
        var oldDateTime = ev.oldDate ? ev.oldDate.format('yyyy-MM-dd HH:mm:ss') : "";
        if (newDateTime != oldDateTime) {
            $(this).data("DateTimePicker").hide();
        }
    });

成功截图