bootstrap-datetimepicker的引入

来源:互联网 发布:最新网络名词英文 编辑:程序博客网 时间:2024/04/26 06:00

需要引入的文件

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>

    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>

    <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">


html代码:

<div class="input-append date form_datetime" data-date="2017-04-20T15:25:00Z" >
            <input size="16" type="text" class="input_text" placeholder="采购日期" style="text-align:center">
            <span class="add-on"><i class="icon-remove"></i></span>
            <span class="add-on"><i class="icon-calendar"></i></span>
</div>


js 代码:

$(".form_datetime").datetimepicker({
        format: "dd MM yyyy - hh:ii",
        autoclose: true,
        todayBtn: true,
        startDate: "2013-02-14 10:00",
        minuteStep: 10
   });


0 0