bootstrap datepicker不工作的laravel刀片
bootstrap datepicker不工作的laravel刀片
提问于 2018-06-16 19:23:08
我在使用bootstrap datepicker时遇到问题。我在这里读了很多问题，似乎我做的每件事都是对的。但是，我的datepicker不会出现。
这是我在app.blade.php的头部部分：
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Laravel') }}</title>
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<!-- Fonts -->
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600" rel="stylesheet" type="text/css">
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css">
</head>以下是我的脚本参考部分的app.blade.php：
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
<script>
$(document).ready(function() {
$('.datepicker').datepicker();
});
</script>下面是我控制在哪里使用datepicker的地方：
<div class="input-group">
<input type="text" class="form-control" data-provide="datepicker">
<div class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</div>
</div>回答 2
Stack Overflow用户
发布于 2019-08-04 17:57:28
如果您想使用jQuery UI日期选择器，请遵循下面的说明
移动此行代码
<script src="{{ asset('js/app.js') }}" defer></script>从头部到底部，在layout文件(app.blade.php)中，它应该如下所示
<script src="{{ asset('js/app.js') }}"></script>
@yield('scripts')
</body>
</html>在您的刀片文件中，使用以下代码。
@section('scripts')
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( ".datepicker" ).datepicker({
changeMonth: true,
changeYear: true
});
});
</script>
@endsection我希望你已经添加了一个带有“日期选择器”类的输入框，这样点击就会打开日期选择器。我用过这个
<input class="form-control datepicker" placeholder="Select Date" name="date" type="text">这对我很有效，谢谢！
Stack Overflow用户
发布于 2018-06-17 12:58:26
谢谢你，everyone....it直到你们提醒我，我才想到去查看控制台日志。谢谢，我想通了问题所在。Jquery的完整性有问题，所以我删除了完整性属性，并将我的脚本修改为：
<script>
(function() {
$('.datepicker').datepicker();
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50887462
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号