datetimepicke日历插件

2019独角兽企业重金招聘Python工程师标准>>>

http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

<link type="text/css" rel="stylesheet" href="/resource/bootstrap3_3_5/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="/resource/bootstrap3_3_5/css/bootstrap-datetimepicker.min.css" />
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/resource/bootstrap3_3_5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/resource/bootstrap3_3_5/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="/resource/bootstrap3_3_5/js/bootstrap-datetimepicker.zh-cn.js" charset="UTF-8"></script>

 <div class="col-lg-2">
                    <label>起始时间</label>
                    <div class="input-append date choice_start_datetime">
                        <input  name="start_time" type="text" value="" class="form-control" readonly>
                        <span class="add-on"><i class="icon-th"></i></span>
                    </div>
                </div>
                <div class="col-lg-2">
                    <label>结束时间</label>
                    <div class="input-append date choice_end_datetime">
                        <input  name="end_time" type="text" value="" class="form-control" readonly>
                        <span class="add-on"><i class="icon-th"></i></span>
                    </div>
                </div>

 <script type="text/javascript">
        $(".choice_start_datetime").datetimepicker({
            language:  'zh-CN', //语言
            format: "yyyy-mm-dd-HH",
            minView:'day', //最终是可以选择小时
            autoclose:true //自动关闭
        });

        $(".choice_end_datetime").datetimepicker({
            language:  'zh-CN',
             format: "yyyy-mm-dd-HH",
            minView:'day',
            autoclose:true
        });
    </script>

php

strtotime($_POST['start_time'])

 

转载于:https://my.oschina.net/xuyaoxiang/blog/732721