一个脚本运行正常，两个脚本都没有运行

Question

if i run one of these below scripts then run properly, but if i run both
of the
scripts then run only last script.but i want to run both of this scripts, then how to solve , My scripts codes are below

<!-- 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>

Answer 1

Here is how you can add JQuery and run both the scripts:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="date style/1.js"></script>
<script src="date style/2.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $("#datepicker, #datepicker1").datepicker();
  });

  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>

</div>