【问题标题】:Bootstrap date time picker not working引导日期时间选择器不起作用
【发布时间】:2016-10-15 02:50:04
【问题描述】:

我已附加所有必需的库以使用日期时间选择器,但它仍然不起作用。检查这个fiddle

<div class='input-group date' id='from_time'>
     <input type='text' class="form-control input-lg transparent-input" name="to_time" placeholder="To Time" required> 
       <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
</div>

$(document).ready(function(){
    $('#from_time').datetimepicker();
    });

【问题讨论】:

  • 展示你如何包含库
  • @Dest 你可以检查小提琴,不是吗??
  • @Leothelion 是的,我可以在那里检查,但如果你打开控制台,你会看到该页面上存在一些负载问题......这就是为什么它在小提琴中不起作用
  • 对不起我的话,但我不想粗鲁。是的,这是因为 https 问题在下面的答案中给出。祝你有美好的一天:)

标签: jquery html twitter-bootstrap-3 datepicker


【解决方案1】:

它被阻止,因为您在 HTTPS 连接中使用 HTTP 引用了不同的域。打开浏览器控制台,你会看到。

使用https URL,它会起作用。它可以工作here

【讨论】:

  • 另一个问题。在移动视图中,日期时间弹出窗口不适合。如何减小尺寸呢? jsfiddle.net/vs6uzv50/12
  • 我真的不明白你的意思。这个对我有用。你能详细说明一下吗?
  • 如果我将窗口大小调整为移动视图,时间选择器窗口不适合。它没有响应。
  • 这也是jsfiddle的问题。在独立网站上试用。