VisualInspection/VisualInspection/view/mytask/unchecked.html

    <div class="container-fluid ">
        <div class="row">
            <form  class="form-horizontal">
                <div class="form-group">
                    <label for="exampleInputAccount1" class="col-sm-1">稽查日期</label>
                    <div class="col-sm-2">
                        <input type="text" id="start-time" class="form-control form-date" placeholder="开始时间">
                    </div>
                    <div class="col-sm-2">
                        <input type="text" id="end-time" class="form-control form-date" placeholder="截止时间">
                    </div>
                    <label for="exampleInputAccount1" class="col-sm-1">考核部门</label>
                    <div class="col-sm-2">
                        <select class="form-control">
                            <option value="">全部</option>
                            <option value="1">东台收费站</option>
                            <option value="2">收费站</option>
                            <option value="3">收费站</option>
                        </select>
                    </div>
                    <div class="col-sm-2">
                        <button class="btn btn-primary " type="button">查询</button>
                    </div>
                </div>
            </form>
        </div>
        <br>

        <div class="row">
            <!-- 使用一个div来显示数据表格 -->
            <div class="datatable" data-checkable="true" data-sortable="true"></div 
        </div>
        <div class="row" style="text-align:center">
            <ul class="pager center-block">
                <li class="previous"><a href="#">« 上一页</a></li>
                <li><a href="#">1</a></li>
                <li class="active"><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li class="next"><a href="#">下一页 »</a></li>
            </ul>
        </div>
    </div>
    <!-- 对话框HTML -->
    <div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            
        </div>
        <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
        <h4 class="modal-title">添加常量</h4>
      </div>
      <div class="modal-body">
        <link rel="import" href="/view/constant/add.html?__inline">
      </div>
    </div>
    </div>
    </div>
    <script>
        $(document).ready(function() {
            // 仅选择日期
            $("#start-time").datetimepicker(
            {
                language:  "zh-CN",
                weekStart: 1,
                todayBtn:  1,
                autoclose: 1,
                todayHighlight: 1,
                startView: 2,
                minView: 2,
                forceParse: 0,
                format: "yyyy-mm-dd"
            });
            // 仅选择日期
            $("#end-time").datetimepicker(
            {
                language:  "zh-CN",
                weekStart: 1,
                todayBtn:  1,
                autoclose: 1,
                todayHighlight: 1,
                startView: 2,
                minView: 2,
                forceParse: 0,
                format: "yyyy-mm-dd"
            });
            // 使用data参数更新数据：
            $('.datatable').datatable( {
                checkable:false,
                data: {
                    cols: [
                        {width: 80, text: '序号', type: 'number', flex: false, colClass: 'text-center'},
                        {width: 160, text: '任务名称', type: 'date', flex: false, sort: 'down'},
                        {width: 80, text: '考核人员', type: 'string', flex: true, colClass: ''},
                        {width: 160, text: '考核部门', type: 'date', flex: false, sort: 'down'},
                        {width: 80, text: '稽查人员', type: 'string', flex: true, colClass: ''},
                        {width: 160, text: '稽查时间段', type: 'date', flex: false, sort: 'down'},
                        {width: 80, text: '状态', type: 'string', flex: true, colClass: ''},
                        {width: 80, text: '操作', type: 'string', flex: true, colClass: ''}
                    ],
                    rows: [
                        {checked: false, data: [1, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','未稽查','<a href="###"><i class="icon-ok-sign"></i>稽查</a>']},
                        {checked: false, data: [2, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','未稽查','<a href="###"><i class="icon-ok-sign"></i>稽查</a>']},
                        // 更多数据
                    ]
                }
            });
        });
    </script>