Javascript 如何在laravel中使用日期选择器？_Javascript_Laravel_Laravel 5.8

Javascript 如何在laravel中使用日期选择器？

javascript laravel

Javascript 如何在laravel中使用日期选择器？,javascript,laravel,laravel-5.8,Javascript,Laravel,Laravel 5.8,我使用的是Laravel5.8，我想包括日期选择器。我尝试了很多方法，但没有任何人为我工作。谁能帮我摆脱这个麻烦 Registration.blade.php <div class="col-xl-4 col-lg-4 col-12 form-group dates"> <label>Joining Date *</label> <input type="text" placeholder="dd/mm/yyyy" class="form

我使用的是Laravel5.8，我想包括日期选择器。我尝试了很多方法，但没有任何人为我工作。谁能帮我摆脱这个麻烦

Registration.blade.php

<div class="col-xl-4 col-lg-4 col-12 form-group dates">
    <label>Joining Date *</label>
    <input type="text" placeholder="dd/mm/yyyy" class="form-control air-datepicker" name="Joining_Date" autocomplete="off" id="usr1">

</div>

<head>
    <script type="text/javascript" src="{{url('/css/bootstrap-datepicker.js')}}"></script>
    <link rel="stylesheet" type="text/css" href="{{url('/css/bootstrap-datepicker.css')}}">
    <script>

      $(function() {

       $( "#usr1" ).datepicker({
       format: "mm/dd/yy",
       weekStart: 0,
       calendarWeeks: true,
       autoclose: true,
       todayHighlight: true,
       rtl: true,
       orientation: "auto"
       });

   });
   </script>
</head>


加入日期*

Index.blade.php

<div class="col-xl-4 col-lg-4 col-12 form-group dates">
    <label>Joining Date *</label>
    <input type="text" placeholder="dd/mm/yyyy" class="form-control air-datepicker" name="Joining_Date" autocomplete="off" id="usr1">

</div>

<head>
    <script type="text/javascript" src="{{url('/css/bootstrap-datepicker.js')}}"></script>
    <link rel="stylesheet" type="text/css" href="{{url('/css/bootstrap-datepicker.css')}}">
    <script>

      $(function() {

       $( "#usr1" ).datepicker({
       format: "mm/dd/yy",
       weekStart: 0,
       calendarWeeks: true,
       autoclose: true,
       todayHighlight: true,
       rtl: true,
       orientation: "auto"
       });

   });
   </script>
</head>


$（函数（）{
$（“#usr1”）。日期选择器({
格式：“年月日”，
周开始：0，
日历周：是的，
自动关闭：是的，
今天的亮点：没错，
是的，
方向：“自动”
});
});

试试下面的代码，它应该可以工作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
    <link id="bs-css" href="https://netdna.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link id="bsdp-css" href="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/css/bootstrap-datepicker3.min.css" rel="stylesheet">
</head>
<body>

    <div class="container">
        <div class="row">
            <div class='col-sm-6'>
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker1'>
                        <input type='text' class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                $(function () {
                    $('#datetimepicker1').datepicker({
                        format: "mm/dd/yy",
                        weekStart: 0,
                        calendarWeeks: true,
                        autoclose: true,
                        todayHighlight: true, 
                        orientation: "auto"
                    });
                });
            </script>
        </div>
    </div>

    <script src="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/js/bootstrap-datepicker.min.js"></script>

</body>
</html>


文件
$（函数（）{
$（'#datetimepicker1'）。日期选择器({
格式：“年月日”，
周开始：0，
日历周：是的，
自动关闭：是的，
今天的亮点：没错，
方向：“自动”
});
});

我将现有代码放在结束正文标记之前，而不是结束头部标记。顺便说一下，谢谢。