Bootstrap Datepicker不是自动关闭dom点击

时间:2015-10-28 08:16:26

标签: html twitter-bootstrap bootstrap-datepicker

如果我在元素外部点击,我的引导日期选择器不会自动关闭。

    <div class="formInput input-group">
         <input type="text" class="datepicker form-control" id="dateQuoteBid" readonly="readonly" />
         <label for="dateQuoteBid" class="input-group-addon">
           <i class="glyphicon glyphicon-calendar"></i>
         </label>
    </div>

和我的Js

  $(function ()
    {
      $('.datepicker').datepicker({
            format: 'dd/mm/yyyy',
            todayHighlight: 'TRUE',
            autoclose: true,
        });
    });

http://jsfiddle.net/vh1oknf7/95/

在上面的Js Fiddle Auto关闭工作,但不在我的本地, 我直接从gitHub

更新了Js文件

另一个问题是看它的箭头按钮指向相反的方向而不是它应该指向文本框。

1 个答案:

答案 0 :(得分:0)

我希望它对你有所帮助。

<div class="well">
  <div id="datetimepicker1" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
     <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
    </span>
  </div>

<script type="text/javascript">
  $(function() {
    $('#datetimepicker1').datetimepicker({
      language: 'pt-BR'
    });
  });
</script>