gpt4 book ai didi

javascript - 如何在 Bootstrap-DateTimePicker 中启用日期和时间选择器

转载 作者:行者123 更新时间:2023-12-03 01:12:26 27 4
gpt4 key购买 nike

我正在使用这个Bootstrap-DateTimePicker最新版本为 4.17.47。

我阅读了所有文档选项、函数和事件。

我还包含了 JS 和 CSS 的所有依赖项。

但不知何故有些东西无法正常工作。

<!doctype html>
<html lang="en">

<head>
<script type="text/javascript" src="./jquery.min.js"></script>
<script type="text/javascript" src="./moment.js"></script>
<script type="text/javascript" src="./bootstrap.min.js"></script>
<script type="text/javascript" src="./bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet" href="./bootstrap.min.css" />
<link rel="stylesheet" href="./bootstrap-datetimepicker.min.css" />
</head>

<body>
<div class="container">
<div class="row">
<div class='col-sm-6'>
<input type='text' class="form-control" id='datetimepicker4' />
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker4').datetimepicker({
format: 'DD/MM/YYYY hh:mm',
});
});
</script>
</div>
</div>
</body>

</html>

关于显示日历部分或时间选择器部分的文档中有一个格式选项。

我想要的是显示两个部分,即日历和时间选择器。

但是当我设置 format: 'DD/MM/YYYY' 时,它会正确显示日历部分。

当我设置format: 'hh:mm'时,它会正确显示时间选择器。

但是当我设置 format:'DD/MM/YYYY hh:mm' 来启用这两个部分时,它不显示日历部分,只显示时间选择器的图标,当我单击时它打开时间选择器的图标。如果我没有显式设置 format 选项并将其默认为 false,情况也是如此。

我是不是做错了什么?

最佳答案

当前 Bootstrap-DateTimePicker does not support Bootstrap 4 。事实上,您的代码在 Bootstrap 3 中看起来很好。

<!doctype html>
<html lang="en">

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
</head>

<body>
<div class="container">
<div class="row">
<div class='col-sm-6'>
<input type='text' class="form-control" id='datetimepicker4' />
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker4').datetimepicker({
format: 'DD/MM/YYYY hh:mm',
});
});
</script>
</div>
</div>
</body>

</html>

关于javascript - 如何在 Bootstrap-DateTimePicker 中启用日期和时间选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52160258/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com