gpt4 book ai didi

jquery - Laravel 5.5 中使用 Jquery-ui 或 Bootstrap 的日期选择器

转载 作者:行者123 更新时间:2023-12-01 01:13:21 25 4
gpt4 key购买 nike

我正在尝试学习 Laravel 5.5,当我尝试在模态窗口( Bootstrap )中添加 jquery datepicker 时,我再次陷入困境。由于某些未知的原因,总是会出现错误:-

$("#last_renewal").datepicker() is not a function

我已通过以下方式在 header 部分中正确添加了所有必需的文件:-

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" />
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="//use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

现在我真的很困惑我犯了什么错误。除了日期选择器之外,jquery 中的所有内容都工作正常。

请提出建议

最佳答案

我认为您不需要像@BugFixer建议的那样更改代码,但我认为您只需要更改脚本标签的顺序。当我将 $("#last_renewal").datepicker() 放在 jQuery ui 之前时,我看到了您所看到的错误。然后,当我将它移到 jquery ui 脚本标记之后和 div 之后时,它就可以工作了。请参阅下面我的回答。

顺便说一句,我本想创建一个 fiddle ,但我在按照我想要的方式获得订单时遇到了一些困难。:

<!doctype html>

<html lang="en">
<head>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" />
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="//use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
</head>
<body>
<div id="last_renewal">
</div>
<script>
$("#last_renewal").datepicker()
</script>
</body>
</html>

关于jquery - Laravel 5.5 中使用 Jquery-ui 或 Bootstrap 的日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49173025/

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