Laravel:日期选择器不工作
Posted
技术标签:
【中文标题】Laravel:日期选择器不工作【英文标题】:Laravel: datepicker is not working 【发布时间】:2017-12-24 11:05:59 【问题描述】:我需要帮助。 datepicker
无法处理 laravel 视图文件,请帮助如何使其工作
对于 Live 文件,我使用了这个:
!! html::script('http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css') !!
!! Html::script('https://code.jquery.com/ui/1.12.1/jquery-ui.js') !!
<style>
col-sm-2 control-label
text-align: left !important;
</style>
在输入框中我输入了 id="datepicker"
【问题讨论】:
试过$('#datepicker').datepicker( dateFormat: "yy-mm-dd" );
【参考方案1】:
在您的 app.blade.php 中添加这些代码行
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.standalone.min.css" rel="stylesheet" type="text/css" />
然后在刀片中添加 date
作为您的输入类型。
<input type="date" class="form-control" id="dob" name="dob">
【讨论】:
【参考方案2】:您必须像这样在输入中输入class="datepicker"
:
<input class="form-control datepicker">
你需要添加一些脚本:
<script>
jQuery(document).ready(function($)
$('.datepicker').datepicker(
dateFormat: "yy-mm-dd"
);
);
</script>
更新
这是包含必要文件的整个 HTML 页面。
<html lang="en">
<head>
<title>Jquery - Datepicker Example using jquery ui</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet">
</head>
<body>
<div class="container text-center">
<h2>Jquery - Datepicker Example using jquery ui</h2>
<strong>Select Date:</strong> <input type="text" id="datepicker" class="from-control">
</div>
<script type="text/javascript">
$( "#datepicker" ).datepicker();
</script>
</body>
</html>
希望这对你有帮助。
【讨论】:
我已经添加了几行日期选择器代码,请尝试。 毕竟我不知道是什么问题,在我的同样情况下它已经工作了 你应该检查元素,然后js看看控制台可能有问题 @eliana 我已经添加了整个html
文件花点时间查看它。
由于 $ 和 ( ) 之间的空格,某些行应该有一些语法错误,所以请查看发生错误的行。或者一些你只放置了 $ 的地方。以上是关于Laravel:日期选择器不工作的主要内容,如果未能解决你的问题,请参考以下文章