Bootstrap Datetimepicker用于同一输入组中的多个输入

时间:2018-03-23 08:23:09

标签: input twitter-bootstrap-3 datetimepicker

我正在寻找一种解决方案,允许我在输入组中使用带有多个输入字段的bootstrap datetimepicker。

<div class="form-group row">
  <div class="col-md-12">
    <div class="input-group multi-input-group datetimepicker">
        <span class="input-group-addon"><i class="fas fa-calendar-alt fa-fw"></i></span>
        <input type="text" class="form-control" name="formResidentRentStart">
        <span class="input-group-addon"><i class="fas fa-calendar-alt fa-fw"></i></span>
        <input type="text" class="form-control" name="formResidentRentEnd">
        <span class="input-group-addon"><i class="fas fa-euro-sign fa-fw"></i></span>
        <input type="text" class="form-control text-right" name="formResidentRentRentValue">
    </div>
  </div>
</div>

我想分别使用datetimepicker作为前2个输入(它们没有链接),最后输入字段则不使用。

有没有人实现过这个目标?

谢谢!

小提琴: http://jsfiddle.net/0Lhq3w86/5/

1 个答案:

答案 0 :(得分:0)

您应该使用链接选择器。

请参阅:https://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers