1

我有一个bootstrap-datepicker，我正在使用range它的版本，并且在右侧我想添加一个button，以便用户在更改日期后刷新查询。

我已经尝试过标识和一些inline-block样式，但它不起作用。出现button了，但整个事情都搞砸了。
这是未按预期放置的datepicker示例button。

.input-group.date
        #datepicker.input-daterange.input-group
            input#StartDate.input-sm.form-control(type='text', name='start', placeholder='Date 1')
            span.input-group-addon to
            input#EndDate.input-sm.form-control(type='text', name='end', placeholder='Date 2')
            button.btn.btn-default.btn-sm(type='button', style='margin-left:8px;')
                     i.fa.fa-refresh
4

1 回答 1

2

如果你像这样包裹按钮怎么办：

.input-group.date
    #datepicker.input-daterange.input-group
        input#StartDate.input-sm.form-control(type='text', name='start', placeholder='Date 1')
        span.input-group-addon to
        input#EndDate.input-sm.form-control(type='text', name='end', placeholder='Date 2')
        span.input-group-btn
            button.btn.btn-default.btn-sm(type='button', style='margin-left:8px;')
                 i.fa.fa-refresh

请参阅： http: //getbootstrap.com/components/#input-groups-buttons

于 2014-07-25T15:29:22.823 回答