前端代码

{% extends 'layout.html' %}

{% load static %}

导入css

{% block css %}

<link rel="stylesheet" href="{% static 'plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css' %}" target="_blank" rel="external nofollow" >

{% endblock %}

{% block content %}

<div class="container">

<div class="panel panel-default">

<div class="panel-heading">

<h3 class="panel-title">添加员工</h3>

</div>

<div class="panel-body">

<form method="post" novalidate>

{% csrf_token %}

{% for field in form %}

<div class="form-group">

<label>{{ field.label }}</label>

{{ field }}

<span style="color:red">{{ field.errors.0 }}</span>

</div>

{% endfor %}

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

</form>

</div>

</div>

</div>

{% endblock %}

导入js并且使用时间插件

{% block js %}

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

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

<script>

$(function (){

$('#id_create_data').datetimepicker({

format:'yyyy-mm-dd',

startDate:'0',

language:'zh-CN',

autoclose:true

});

})

</script>

{% endblock %}