【问题标题】:Bootstrap datepicker disappear by itself when a date is selected选择日期时,引导日期选择器会自行消失
【发布时间】:2015-09-20 16:27:39
【问题描述】:

我正在使用 bootstrap 2.3.2 实现 bootstrap datepicker(我正在使用这个:https://github.com/eternicode/bootstrap-datepicker)。当日期选择器打开然后我选择一个日期时,输入字段会自行消失。

我不知道发生了什么。有使用的代码:

jQuery('.input-append.date').datepicker({
  orientation: "bottom auto"
});

我在 bootstrap-datepicker.css 和 bootstrap-datepicker.js 文件之前加载

在 HTML 页面中我有:

<div class="input-append date">
                <input type="text" class="span2" name="poll_time_to_live" data-date-format="mm/dd/yyyy"><span class="add-on"><i class="icon-grid-view-2 "></i></span>
            </div>

我之前加载了其他脚本:jquery upload、markitup.js、caret.js、atwho.js

你有什么想法吗?

提前致谢

【问题讨论】:

  • 可能是您在代码中使用了autoclose:true 选项,它会在选择日期后关闭日期选择器。并更好地展示代码。
  • 我在第一条消息中添加了代码
  • 在创建日期选择器时尝试使用autoclose:false

标签: jquery twitter-bootstrap joomla3.0


【解决方案1】:

我似乎无法复制问题

jQuery('.input-append.date').datepicker({
    orientation: "bottom auto"
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/js/bootstrap.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker.css" rel="stylesheet"/>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="input-append date">
  <input type="text" class="span2" name="poll_time_to_live" data-date-format="mm/dd/yyyy">
  <span class="add-on">
    <i class="icon-grid-view-2 "></i>
</span>

</div>

这可能与自定义 css 或其他 javascript 的阻碍有关。尝试将您的插件升级到最新版本,看看是否可以解决任何问题。如果没有,请尝试使用不同的日期选择器。赞https://jqueryui.com/datepicker/

【讨论】:

    猜你喜欢
    • 2016-07-11
    • 2014-04-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-02
    相关资源
    最近更新 更多