python - 时间控制

 样式显示效果

 

 

 

html 文件 

{% extends 'layout.html' %}
{% load static %}

<!-- 引入样式 -->
{% block css %}
    <link rel="stylesheet" href="{% static 'css/bootstrap-datetimepicker.css'%}" >
{% endblock %}
{% block content %}

        <div class="panel panel-default">
            <div class="panel-heading">  <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> 新建用户</div>
        </div>

        <form method="post">
            {% csrf_token %}
              <div class="form-group">
                <label for="exampleInputEmail1">名称</label>
                <input type="text" class="form-control" placeholder="名称" name="name">
              </div>

            <div class="form-group">
                <label for="exampleInputEmail1">密码</label>
                <input type="text" class="form-control" placeholder="密码" name="pwd">
              </div>

            <div class="form-group">
                <label for="exampleInputEmail1">年龄</label>
                <input type="text" class="form-control" placeholder="年龄" name="age">
              </div>

            <div class="form-group">
                <label for="exampleInputEmail1">账户</label>
                <input type="text" class="form-control" placeholder="账户余额" name="account">
              </div>


            <div class="form-group">
                <label for="exampleInputEmail1">入职时间</label>
                <input type="text" id="dt" class="form-control"  autocomplete='false' placeholder="入职时间" name="creat_time">
              </div>

            <div class="form-group">
                    <label for="exampleInputEmail1">性别</label>
                    <select class="form-control" name="gener">
                        {% for foo in gener_xuan %}
                             <option value="{{ foo.0 }}"> {{ foo.1 }} </option>
                        {% endfor %}
                    </select>
           </div>
           <div class="form-group">
                <label for="exampleInputEmail1">部门</label>
                    <select class="form-control" name="men">
                        {% for item in bumen %}
                            <option value="{{ item.id }}"> {{ item.title }} </option>
                        {% endfor %}

                    </select>
           </div>
           <button type="submit" class="btn btn-primary">提交</button>
        </form>

{% endblock%}

{% block js %}
　　　　

　　<!-- 引入js -->

     <script src="{% static 'js/bootstrap-datetimepicker.js' %}"></script>
     <script src="{% static 'js/bootstrap-datetimepicker.zh-CN.js' %}"></script>

    <script>
    $(function (){
        $('#dt').datetimepicker({
            format: 'yyyy-mm-dd',   // 时间输出格式
            minView:2,　　　　　　　　// 输出的时间没有 时 分 秒 
            language: 'zh-CN',     // 汉语格式输出
            autoclose:'true',　　　 // 选择时间后 关闭插件 
         });
    })

    </script>


{% endblock %}