jquery - 通过单击输入而不是按钮图标来启动 boostrap 日期选择器

Question

我想通过单击输入而不是按钮图标来启动日期选择器：

http://jsbin.com/oqiger/3/edit

谢谢。

Answer 1

插件中似乎不支持此功能。

相反，您可以为输入字段分配一个 id，focus()然后在按钮上触发点击事件。

<div class="outer"> 

  <div id="main-content-wrap" class="row-fluid">
    <section id="main-content" class="span6 offset3">
      <h3 id="demo">Demo</h3>
      <div class="well">
        <div class="input-append" id="datetimepicker2">
          <input data-format="MM/dd/yyyy HH:mm:ss PP" type="text" id="dtp_input">
          <span class="add-on"> <i data-date-icon="icon-calendar" data-time-icon="icon-time" class="icon-calendar"> </i> </span> </div>
      </div>
      <script type="text/javascript">
      $(function() {
        $('#datetimepicker2').datetimepicker({
          language: 'en',
          pick12HourFormat: true
        });
        $("#dtp_input").focus(function() {
          $(this).next(".add-on").click();
        });
      });
    </script> 
    </section>
  </div>
</div>

在这里更新了你的 JSBin：http: //jsbin.com/oqiger/9/edit