Laravel：日期选择器不工作答案

【问题标题】：Laravel: datepicker is not workingLaravel：日期选择器不工作
【发布时间】：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" });

标签： php jquery laravel jquery-ui jquery-ui-datepicker

【解决方案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 文件花点时间查看它。
由于 $ 和 ( ) 之间的空格，某些行应该有一些语法错误，所以请查看发生错误的行。或者一些你只放置了 $ 的地方。