Javascript 一个脚本运行正常，两个脚本均未运行

如果我运行以下其中一个脚本，则可以正常运行，但如果我同时运行这两个脚本

然后脚本只运行最后一个脚本。但我想运行这两个脚本，然后如何解决，我的脚本代码如下

<!-- JS -->
<link rel="stylesheet" href="date style/date.css">
<script src="date style/1.js"></script>
<script src="date style/2.js"></script>
<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
</script>
<script>
$( function() {
$( "#datepicker1" ).datepicker();
} );
</script>
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<script>
$( document ).ready(function() {});
function my_validate_func() {
var name = $('#name').val();
var year = $('#year').val();
var course = $('#course').val();
var branch_name = $('#branch_name').val();
if ($('#name').val() != "" && $('#year').val() != "" &&
$('#course').val() != "" && $('#branch_name').val() != "") {
$.ajax({
type: "POST",
url: 'roll.php',
data: { name: name, year: year, branch_name: branch_name, 
course: course },
success: function(response) {
$('#roll').val(response);
}
});
}
}
</script>

$（函数（）{
$（“#日期选择器”）.datepicker（）；
} );
$（函数（）{
$（“#datepicker1”）.datepicker（）；
} );
$（文档）.ready（函数（）{}）；
函数my_validate_func（）{
var name=$（'#name'）.val（）；
var year=$（“#year”）.val（）；
var course=$（'#course'）.val（）；
var branch_name=$（'#branch_name'）.val（）；
如果（$（'#name'）.val（）！=“”&&（$（'#year'）.val（）！=“”&&
$（“#课程”）.val（）！=”&&$（“#分支机构名称”）.val（）！=”）{
$.ajax({
类型：“POST”，
url:'roll.php'，
数据：{name:name，year:year，branch\u name:branch\u name，
课程：课程}，
成功：功能（响应）{
$（'滚动'）.val（应答）；
}
});
}
}

以下是如何添加JQuery并运行这两个脚本：

$（文档）.ready（函数（）{
$（“#日期选择器，#日期选择器1”）.datepicker（）；
});
函数my_validate_func（）{
var name=$（'#name'）.val（）；
var year=$（“#year”）.val（）；
var course=$（'#course'）.val（）；
var branch_name=$（'#branch_name'）.val（）；
如果（$（'#name'）.val（）！=“”&&（$（'#year'）.val（）！=“”&&
$（“#课程”）.val（）！=”&&$（“#分支机构名称”）.val（）！=”）{
$.ajax({
类型：“POST”，
url:'roll.php'，
数据：{
姓名:姓名,，
年份:年份,，
分支机构名称：分支机构名称，
课程：课程
},
成功：功能（响应）{
$（'滚动'）.val（应答）；
}
});
}
}

我在哪里定义的？在任何其他
标记之前