Adminto_v2.0前端模板使用注释

2018/8/23 posted in  python

重点纪要

模态框问题

modal 模态框中写事件要用a标签,不能用button标签,modal绑定了botton事件的关闭模态框,如果使用button来绑定事件的话,事件执行完毕之后会关闭模态框,使用a标签就不会。

advanced-form使用指南

datetime-picker

使用

<link href="{% static 'plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css' %}" rel="stylesheet">
<script src="{% static 'plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js' %}"></script>


<div class="form-group row">
    <label class="control-label col-sm-4">Auto Close</label>
    <div class="col-sm-8">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="mm/dd/yyyy" id="datepicker-autoclose">
            <div class="input-group-append">
                <span class="input-group-text"><i class="ti-calendar"></i></span>
            </div>
        </div><!-- input-group -->
    </div>
</div>

jQuery('#datepicker-autoclose').datepicker({
    autoclose: true,
    todayHighlight: true
});

touch-spin

<link href="{% static 'plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css' %}" rel="stylesheet"
          type="text/css"/>
<script src="{% static 'plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js' %}"
            type="text/javascript"></script>          
            
<div class="col-md-8">
         <label class="control-label">星期</label>
          <input type="text" value="" name="day_of_week">
</div>

$("input[name='day_of_week']").TouchSpin({
            initval: 1,
            min: 1,
            max: 7,
            buttondown_class: "btn btn-primary",
            buttonup_class: "btn btn-primary"
        });