Bootstrap Laravel日期
Bootstrap Laravel日期
在本节中，我们将学习在Laravel中使用Bootstrap日期选择器。为此，我们将在Laravel中创建bootstrap 4 datepicker的示例。 Laravel是一种Web应用程序框架，具有优雅而富有表现力的语法。当我们开发任何网站或任何东西时，开发经验必须非常有创意且令人愉快。 Laravel允许该工具简化常见任务，并且这些任务可以在Web项目中使用。它用于减轻开发的痛苦。如果我们使用大型且强大的应用程序，它将提供功能强大且可访问的工具。 Laravel 重用了不同框架的现有组件，这将有助于创建Web应用程序。使用这些组件设计的Web应用程序将更加实用和结构化。
有时我们的项目需要选择日期选择。如果我们要为日期输入启用输入字段，则datepicker将非常有用。使用此功能，我们可以轻松地选择日期，并且它是用户友好的。我们可以从"日期选择器"对话框中选择日期，而不是在输入字段中手动输入日期。 bootstrap的datepicker插件使用jQuery，它有助于以输入元素的形式添加Datepicker。 Bootstrap datepicker提供了一种即时解决方案，可以在网站的表单字段中添加一个datepicker弹出窗口以选择日期。为了便于理解，我们将逐步描述laravel bootstrap datepicker。
在此示例中，我们将在laravel 5、6、7和8项目中实现bootstrap 4 datepicker。版本。 Laravel和datepicker彼此不相关。 Laravel可以描述一个单独的 jQuery 库，但是它与datepicker没有任何关系。我们已经在php项目代码或其他框架中使用了datepicker。与我们可以在laravel中使用它相同。对于datepicker，我们将使用Bootstrap datepicker.js库，如下所示:
resources/views/welcome.blade.php
<!DOCTYPE html>
<html>
<head>
<title> Example of Bootstrap Datepicker in Laravel </title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/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="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
</head>
<body>
<div class="container">
<input class="date form-control" type="text">
</div>
<script type="text/javascript">
$('.date').datepicker({
format: dd-mm-yyyy'
});
</script>
</body>
</html>
