Laravel: 日期选择器不工作

Question

我需要帮助。 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"

Answer 1

您必须像这样在输入中输入 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>

希望这对您有所帮助。

Answer 2

在您的 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" />

然后在 blade 中添加 date 作为您的输入类型。

<input type="date" class="form-control" id="dob" name="dob">

Laravel: 日期选择器不工作

Laravel: datepicker is not working

php

jquery

jquery-ui

jquery-ui-datepicker

laravel