Question

我正在尝试在模态上编写一个弹出时间戳。但是，我希望我的按钮放在输入内部，而不是在输入之后。我怎样才能做到这一点？

由于

以下是plunker：http://embed.plnkr.co/L2Fs6eCrkP1NmnkNo4CG/

Answer 1

我已经编辑了你的plunker。工作示例是here。你的模态体看起来像这里：

  <div class="modal-body" id="modal-body">
      <label>Selected time is: <em>{{selectedDate | date:'mediumTime' }}</em></label>
      <div class="input-group">
        <input type="text" ng-model="selectedDate" class="form-control">
        <span class="input-group-btn" uib-dropdown auto-close="outsideClick">
          <button type="button" class="btn btn-default dropdown-toggle" uib-dropdown-toggle>
            <i class="glyphicon glyphicon-time"></i>
          </button>
          <ul class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
            <li>
              <span uib-timepicker ng-model="selectedDate" hour-step="1" show-seconds="true" minute-step="1" show-meridian="ismeridian"></span>
            </li>
          </ul>
        </span>
      </div>
  </div>

angulajrjs popup timepicker不在输入行内

1 个答案: