Eonasdan datetimepicker不使用Bootstrap4 alpha

时间:2017-02-16 23:35:36

标签: twitter-bootstrap datetimepicker bootstrap-datetimepicker twitter-bootstrap-4

所以我刚刚升级到Bootstrap4 alpha,我其实非常喜欢它。 唯一让我发疯的事实是,我的datetimepicker不再显示选择器了!

我正在跑步 - jquery_3.1.1_min.js - bootstrap-4.0.0-alpha - datetimepicker.js v4.15.35 - datetimepicker.css v4.15.35 - moment.js v2.9.0

我看到https://tempusdominus.github.io/bootstrap-3/上有一个较新版本的选择器 但这也行不通,未能显示选择器

到目前为止,有人对拾取器和引导程序4有过任何经验吗? 真的很感激帮助 我整天都在重新安排包含和库版本,试图重新开始工作

我的代码如下:

<heade>
    <link href="bootstrap-4.0.0-alpha.6-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="js/moment.js"></script>
    <script src="js/tempusdominus-bootstrap-3.min.js"></script>
</head>



<div class="col-sm">
    <div class="form-group">
        <input id="date" type="date" name="date" value="<?php echo($date) ?>" class="form-control form-control-sm">
    </div>
</div>



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

即使输入有值,它也显示为空。 当点击输入时,它变为活动状态,但选择器不会出现。 没有错误。

更新

所以我能够让它有所改善。 如果我添加data-target =&#34; #date&#34;数据肘节=&#34;的DateTimePicker&#34;输入的属性我至少可以切换选择器。 由于字形图标已从bootstrap 4中删除而我还没有添加我自己的图标,因此不会显示日历和时间图标。

现在的下一个错误是,时间面板没有显示。 我可以更改为日历面板,但不能返回时间面板,因为它似乎不存在。

更新

我现在选择了两个输入字段。 一个工作正常的日期。 一时间。 问题是,当像这样创建选择器时:

$('#datetimepicker5').datetimepicker({
    format: 'LT'
});

选择器显示星期几......而不是时间。

看起来像这样:

<div class="datepicker">
    <div class="datepicker-days" style="">
        <table class="table-condensed">
            <thead></thead>
        </table>
    </div>
</div>

现在我正在研究为什么会发生这种情况......

而不是帮助

克里斯

0 个答案:

没有答案