Bootstrap日期组件datetimepicker的使用方法

最新推荐文章于 2024-08-08 07:45:19 发布

小山沟里的程序猿

最新推荐文章于 2024-08-08 07:45:19 发布

阅读量904

点赞数

分类专栏： JavaScript 文章标签： jquery datetime picker js

本文链接：https://blog.csdn.net/William0318/article/details/53764381

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一、引入Bootstrap库和JQuery库

  <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js" type="text/javascript"></script>
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

二、插入datetimepicker到网页中

 <input size="20" id="form_starttime" type="text" name = "startTime" placeholder="开始时间" value="2016-09-08 12:00:00">>

三、在script脚本中加入datetimepicker设置

<script>                                     
$(document).ready(function(){                
    $("#form_starttime").datetimepicker({    
            format: "yyyy-mm-dd hh:ii:00",   
            autoclose: true,                 
            minuteStep: 1,                   
            endDate: new Date(),             
            pickerPosition: "bottom-left"    
    });                                      
}) 
</script>

四、实例
http://www.bootcss.com/p/bootstrap-datetimepicker/demo.htm