Jquery 滑块ui和日期，如何正确执行？

我需要在字段中#金额为日期：最小-今天+7天，最大-最小+21天，我如何才能做到这一点。以及如何在田间#喷丝头2进行正常天数（1、2、3…）

   function formatDate(date) {
  var monthNames = [
    "January", "February", "March",
    "April", "May", "June", "July",
    "August", "September", "October",
    "November", "December"
  ];


  var monthIndex = date.getMonth();
  var year = date.getFullYear();
  var day = date.getUTCDate();
  

  return monthNames[monthIndex] + ' ' + year + ' ' + day;
}
  
  
  
  
  
  $( function() {
    $( "#slider2" ).slider({
        range: "min",
        min: new Date().getTime(),
        max: new Date('2020-11-15T00:00:00').getTime(),
        step: 1,
        slide: function( event, ui ) {
            $( "#spinner2" ).val( ui.value );
            $( "#amount" ).val( formatDate(new Date(ui.value)));
        }
    });
  } );
  
  $( "#spinner2" ).spinner({
        min: 7,
        max: 21,
        spin: function (event, ui) {
            $("#slider2").slider("value", ui.value);
        }
  });

---

现在有一个+和-按钮，允许输入7、8、9。。。21也就是说，从7到21的数字。你还想要什么？这有用吗？