【问题标题】:how to include time in bootstrap-datepicker如何在 bootstrap-datepicker 中包含时间
【发布时间】:2022-02-03 01:01:25
【问题描述】:

是否可以将时间包含在 bootstrap-datepicker 中,因为我找不到任何包含时间的内容,如果不可能的话,bootstrap-datepicker 的注意事项是什么,可以与 bootstrap 5 一起使用

这是我的代码

<input class="datepicker" data-date-format="mm/dd/yyyy"> 

$('.datepicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '-3d'
});

【问题讨论】:

  • 如果你想包含时间,为什么不使用datetimepicker
  • @CarstenLøvboAndersen 我试过 datetimepicker 但它不适用于 boostrap 5

标签: html jquery css twitter-bootstrap


【解决方案1】:

如果不可能的话,bootstrap-datepicker 的注意事项是什么 可以与引导程序 5 一起使用

有很多选择。但我会推荐flatpickr。它独立于 javascript/CSS 框架。

// without jquery
flatpickr('.datepicker', {
    // put options here if your don't want to add them via data- attributes
});

// with jquery
// $('.datepicker').flatpickr({ /* options here */ });
<!-- flatpickr CSS and javascript -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<input class="form-control bg-white datepicker" data-date-format="m/d/Y G:iK" data-enable-time="true">

【讨论】:

  • 谢谢,效果很好
猜你喜欢
  • 2019-11-18
  • 2019-05-02
  • 2020-01-14
  • 2019-09-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-25
相关资源
最近更新 更多