gpt4 book ai didi

javascript - 日期选择器和 Laravel 5

转载 作者:行者123 更新时间:2023-12-03 08:20:36 25 4
gpt4 key购买 nike

我正在尝试用我的 laravel 项目实现 datepicker.js。我下载了 css/js 并将它们放在我的 Assets 中,并在应用程序模板中调用它们。然后我使用 Js 使用正确的 id 调用表单上的日期选择器,但没有任何结果,也没有错误。这是我所拥有的:

应用程序:

    <!doctype html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/assets/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/assets/css/gin_add.css">

<title>Elephant Gin</title>

</head>
<body>





@yield('main')


<script src="/assets/js/jquery-2.1.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/bootstrap-datepicker.min.js"></script>
<script src="/assets/js/gin_add.js"></script>
</body>
</html>

表单字段:

{!! Form::text('date', null, array('type' => 'text', 'class' => 'form-control datepicker','placeholder' => 'Pick the date this task should be completed', 'id' => 'calendar')) !!}

Javascript:

    $('#calender').datepicker({
format: "dd/mm/yyyy",
forceParse: false
});

最佳答案

我在谷歌上查找有关 Laravel 和 bootstrap-datepicker 的信息,发现 this link 。答案之一是:

Just Curious.

Did you have jQuery installed before your bootstrap-datepicker.js? Looks like jQuery is a dependency of this bootstrap-datepicker.js

See: http://bootstrap-datepicker.readthedocs.org/en/release/

但自从你写以来,这似乎不是你的情况

<script src="/assets/js/jquery-2.1.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/bootstrap-datepicker.min.js"></script>
<script src="/assets/js/gin_add.js"></script>

但是,在我看来,它可能仍然与现有的 JQuery 日期选择器发生冲突......因此,正如您可以从 official documentation 中读到的那样您可以通过添加

将日期选择器设置为 无冲突模式
var datepicker = $.fn.datepicker.noConflict(); // return $.fn.datepicker to previously assigned value
$.fn.bootstrapDP = datepicker; // give $().bootstrapDP the bootstrap-datepicker functionality

关于javascript - 日期选择器和 Laravel 5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33764286/

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