首页 > 其他 > 详细

bootstrap使用datetimepicker最简单笔记

时间:2017-06-03 21:22:10      阅读:349      评论:0      收藏:0      [点我收藏+]

该控件下载地址,如失效则进入官网手动下载

https://github.com/smalot/bootstrap-datetimepicker/archive/master.zip

 

bootstrap3

    <link href="bootstrap.css" rel="stylesheet" media="screen">
    <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <!--此处jquery.js需优先加载,否则不弹出日期框-->
    <script type="text/javascript" src="jquery.js" charset="UTF-8"></script>
    <script type="text/javascript" src="bootstrap.js"></script>
    <script type="text/javascript" src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

      
<div class="input-group date form_date col-md-3" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
        <input class="form-control" size="16" type="text" value="" readonly>
        <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
     </span>
</div>
<input type="hidden" id="dtp_input2" value="" />


<script type="text/javascript">
    $(.form_date).datetimepicker({
                     language:  zh-CN,
                     weekStart: 1,
                    todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0
    });
</script>

技术分享

 

bootstrap使用datetimepicker最简单笔记

原文:http://www.cnblogs.com/longzhankunlun/p/6938428.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!