如何在 Laravel 8 中使用 datetimepicker？

Question

知道我使用的是 bootstrap4 并且我在 Internet 上找到的大多数解决方案都无法正常工作并且input type="datetime"大多数浏览器不再支持该功能，我该如何使用日期时间选择器

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" >
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
       

 <input id="id" name="datetime" type="text" class="form-control datetimepicker"  value="">

<script>
$(function () {
             $('.datetimepicker').datetimepicker();
         });
  
      
</script>

Answer 1

您可以使用

而不是弃用的日期时间

<input type="datetime-local">

您可以在 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

上找到更多详细信息

Answer 2

如果您正在寻找比 basic 更好的日期选择器。我会建议你使用 flatpikr ，你可以使用它做更多的事情，比如你可以在范围之间选择日期，格式化日期，启用或禁用特定日期，启用或禁用给定的日期范围，它有更好的 ui 比基本日历 .看看它是 examples.

如何在 Laravel 8 中使用 datetimepicker？

How can I use datetimepicker in Laravel 8?

html

javascript

datepicker