Проблема, решаемая с помощью datepicker

Question

Я пытаюсь изменить формат вывода даты в моей программе. Я новичок в JS и хотел бы сделать мой тестовый сайт более привлекательным. У меня есть 2 вопроса:

1) Почему макет календаря jQuery datepicker такой ужасный в моем браузере? Речь пойдет о Firefox плагинах, которые я пропустил, или о другой проблеме? Здесь выглядит более привлекательно.

2) Я постоянно искал решение, как изменить формат вывода даты в моем коде, используя Как отформатировать JavaScript дату topi c, но любая функция, которую я накладываю на дату, полученную от средства выбора даты, не дает никакого результата на сайте.

$(function() {
  $("#datepicker").datepicker();
});

function check() {
  var date;
  var installment = document.getElementById("number_months").value; // saves field value
  date = $("#datepicker").datepicker("getDate"); // saves the date from date picker
  date.setMonth(installment); // adds the installment months to stored date object
  document.getElementById("day").innerHTML = date; // prints output on site
}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<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>

<div>Date: <input type="text" id="datepicker"></div>
<br></br>
<div>Number of installment: <input type="text" id="number_months"> </div>
<br></br>
<input type="submit" id="button" value="Check" onclick="check()" />
<p id="day"> </p>

Был бы благодарен за помощь!