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:日期选择器不工作的主要内容,如果未能解决你的问题,请参考以下文章

引导日期选择器不工作

日期选择器不工作/显示 - Bootstrap 5

日期选择器不工作

第二个 jQuery 加载日期选择器不工作

Eonasdan Bootstrap 日期时间选择器不工作

多个日期选择器不起作用