位置：广州松河 > 技术支持 > BootStrap时间控件bootstrap-datetimepicker.min.js用法

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

来源：网络整理时间：2023/2/14 1:20:52 共 3697 浏览

①引入js和css

   <script src="js/list.js"></script>   

   <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 // 选择日期后自动关闭
    });
});

版权说明：
本网站凡注明“广州松河原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：前端MVC使用JS模板替换实体实现原理 | ·下一条：Bootstrap中日期插件bootstrap-datetimepicker.min.js设置中文