专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

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

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/2/14 1:20:52       共计:3644 浏览
①引入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 // 选择日期后自动关闭
    });
});
版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:前端MVC使用JS模板替换实体实现原理 | ·下一条:Bootstrap中日期插件bootstrap-datetimepicker.min.js设置中文

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有