通过单击输入而不是按钮图标来启动引导程序日期选取器

时间:2013-05-03 23:22:04

标签: jquery twitter-bootstrap datepicker

我想点击输入而不是按钮图标来启动日期选择器:

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

感谢。

1 个答案:

答案 0 :(得分:1)

这不是appear to be supported in the plugin

相反,您可以为输入字段指定一个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