多个jQuery UI日期选择器具有不同的样式

<input type="text" id="datepicker1">
<input type="text" id="datepicker2">

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">

<script>
$(document).ready(function() {
  $("#datepicker1").datepicker().addClass("datepicker-style1");
  $("#datepicker2").datepicker().addClass("datepicker-style2");
});
</script>

.datepicker-style1 {
  background-color: #f2f2f2;
  color: #333;
  border: 1px solid #ccc;
}

.datepicker-style2 {
  background-color: #e6e6e6;
  color: #666;
  border: 1px solid #999;
}