隐藏

BootStrap时间控件bootstrap-datetimepicker.min.js用法

发布:2023/2/4 16:15:30作者:管理员 来源:本站 浏览次数:365

①引入js和css

    <script src="js/list.js"></script>   <!--list.js是自己写的js-->

    <script src="datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <link rel="stylesheet" type="text/css" media="screen"

    href="datetimepicker/css/bootstrap-datetimepicker.min.css">

   ②写输入框:

    <input id="starttime" type="text" placeholder="结束时间" >
    <input id="endtime" type="text" placeholder="项目部名称">

第二步:js文件

    

$(function () {
    
    $('#starttime,#endtime').datetimepicker({
        minView: "month", // 选择日期后,不会再跳转去选择时分秒
        format: "yyyy-mm-dd", // 选择日期后,文本框显示的日期格式
        language: 'zh-CN', // 汉化
        autoclose: true // 选择日期后自动关闭
    });
});