DataTimepicker

{% extends 'base.html' %}
{% block title %}生产管理{% endblock title %}
{% block extracss %}
    {% load staticfiles %}
    <link href="{% static 'master/time/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" media="screen">
    <link href="{% static 'master/css/bootstrap-datetimepicker.min.css' %}" rel="stylesheet" media="screen">
{% endblock extracss %}
{% block content %}
    <div class="row-fluid">
        <div class="col-md-12">
            <h3 align="center">生产管理</h3>
        </div>
    </div>
    <div class="row-fluid">
        <div class="col-md-12">
            <div>
                <table class="table">
                    <tr>
                        <td>显示内容</td>
                        <td>
                            <select name="" id="">
                                <option value="">生产计划</option>
                                <option value="">实施情况</option>
                            </select>
                        </td>
                        <td>
                            <a href="/post/add/" class="btn-link">添加</a>
                        </td>
                    </tr>
                    <tr>
                        <td>表示行数</td>
                        <td><select name="" id="">
                            <option value="">10</option>
                            <option value="">20</option>
                        </select></td>
                        <td>检索</td>
                        <td>
                            <input type="text" value="2012-05-15 21:05" id="datetimepicker">
                        </td>
                        <td>
                            <button class="btn-danger" id="btn_search">确定</button>
                        </td>
                    </tr>
                </table>
            </div>
            <div>
                <table class="table">
                    <tr>
                        <th>计划编号</th>
                        <th>作业标号</th>
                        <th>追溯码</th>
                        <th>种植区域</th>
                        <th>计划日期</th>
                        <th>计划作业内容</th>
                        <th>计划使用材料</th>
                        <th>计划用量</th>
                        <th>作业情况</th>
                        <th>实际使用材料</th>
                        <th>实际用量</th>
                        <th>实施日期</th>
                        <th>责任人</th>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>
                        <td>2</td>                    </tr>                </table>            </div>        </div>    </div>    <!----->    <div class="input-group date form_datetime col-md-5" data-date="2014-09-16T05:25:07Z"         data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">        <input class="form-control" size="16" type="text" value="" readonly>        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>    </div>    <input type="hidden" id="dtp_input1" value=""/><br/>    <!----->    <script type="text/javascript" src="{% static 'master/time/jquery/jquery-1.8.3.min.js' %}" charset="UTF-8"></script>    <script type="text/javascript" src="{% static 'master/time/bootstrap/js/bootstrap.min.js' %}"></script>    <script type="text/javascript" src="{% static 'master/js/bootstrap-datetimepicker.js' %}" charset="UTF-8"></script>    <script type="text/javascript" src="{% static 'master/js/bootstrap-datetimepicker.min.js' %}"            charset="UTF-8"></script>    <script type="text/javascript" src="{% static 'master/js/locales/bootstrap-datetimepicker.zh-CN.js' %}"            charset="UTF-8"></script>    <script type="text/javascript">        $('#datetimepicker').datetimepicker({            format: 'yyyy-mm-dd hh:ii'        });        $('.form_datetime').datetimepicker({            language: 'zh-CN',            weekStart: 1,            todayBtn: 1,            autoclose: 1,            todayHighlight: 1,            startView: 2,            forceParse: 0,            showMeridian: 1        });    </script>{% endblock content %}