Jquery 未捕获类型错误：$（…）。日期选择器不是HTMLDocument中的函数。<；匿名>；拉维尔

我正在尝试使用'datepicker'jquery，这个错误显示在控制台中，我在（CDN链接）中搜索了很多，我认为是错误，并尝试了很多解决方案，但没有办法

包含脚本中错误的刀片页面：

@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="row justify-content-center">

            <label for="from">From</label>
            <input type="text" id="from" name="from">
            <label for="to">to</label>
            <input type="text" id="to" name="to">

        </div>
    </div>
@endsection

@section('scriptForm')
    <script>
        $( function() {
            var dateFormat = "mm/dd/yy",
                from = $( "#from" )
                    .datepicker({
                        defaultDate: "+1w",
                        changeMonth: true,
                        numberOfMonths: 3
                    })
                    .on( "change", function() {
                        to.datepicker( "option", "minDate", getDate( this ) );
                    }),
                to = $( "#to" ).datepicker({
                    defaultDate: "+1w",
                    changeMonth: true,
                    numberOfMonths: 3
                })
                    .on( "change", function() {
                        from.datepicker( "option", "maxDate", getDate( this ) );
                    });

            function getDate( element ) {
                var date;
                try {
                    date = $.datepicker.parseDate( dateFormat, element.value );
                } catch( error ) {
                    date = null;
                }

                return date;
            }
        } );
    </script>

    @stop

@extends（'layouts.app'））
@节（“内容”）
从…起
到
@端部
@节（'scriptForm'）
$（函数（）{
var dateFormat=“mm/dd/yy”，
from=$（“#from”）
.日期选择器({
默认日期：“+1w”，
变化月：对，
月数：3
})
.on（“更改”，函数（）{
to.datepicker（“选项”，“minDate”，getDate（this））；
}),
to=$（“#to”）.datepicker({
默认日期：“+1w”，
变化月：对，
月数：3
})
.on（“更改”，函数（）{
from.datepicker（“option”、“maxDate”、getDate（this））；
});
函数getDate（元素）{
风险值日期；
试一试{
日期=$.datepicker.parseDate（日期格式，element.value）；
}捕获（错误）{
日期=空；
}
返回日期；
}
} );
@停止

我在（head）标记中扩展的页面中的链接：

正文前的链接：

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://js.pusher.com/6.0/pusher.min.js"></script>
    
 @yield('scriptForm')

@收益（'scriptForm'）

---

你能帮我吗

我通过在（'layouts.app'）中删除此脚本解决了问题：

---

这是公用文件夹中的Laravel默认JS文件（app.JS）。

控制台中是否还会显示其他内容，例如对jQuery UI脚本的GET请求失败？表单：137 Uncaught TypeError:$（…）。datepicker不是HTMLDocument中的函数。当我放入@yield（'scriptForm'）时，位于Function.ready（jquery-1.12.4.js:3582）处的Object.fireWith[解析]（jquery-1.12.4.js:3362）处的Object.fire（jquery-1.12.4.js:3232）处的（表单：137）在HTMLDocument.completed（jquery-1.12.4.js:3617）处在CDN脚本链接之前，它显示：uncaughtreferenceerror:$未定义好的旧jQuery加载/文档加载。您确定jQuery已经加载并且jQuery插件已经在代码执行之前加载了吗？请详细说明如何知道这一点

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://js.pusher.com/6.0/pusher.min.js"></script>
    
 @yield('scriptForm')

<script src="{{ asset('js/app.js') }}" defer></script>