Слайдер jquery ui и дата, как сделать правильно?

Question

[righto]

Здравствуйте, мне нужно, чтобы в поле #amount была дата min: +7 дней от сегодняшней даты и max: +21 день от min, как мне сделать это правильно? И как сделать так, чтобы в поле #spinner2 были нормальные цифры (1, 2, 3 ...), а не то, что сейчас. Спасибо.
codepen

Answer 1

[0xD34F]

const min = 7;
const max = min + 21;

function update(value) {
  value = Math.max(min, Math.min(max, value | 0));

  $('#spinner2').val(value);
  $('#slider2').slider('value', value);

  const date = new Date();
  date.setDate(date.getDate() + value);
  $('#amount').val(date.toLocaleString('en-US', {
    year: 'numeric',
    month: 'long',
    day: 'numeric',
  }));
}

$('#slider2').slider({
  range: 'min',
  min,
  max,
  step: 1,
  slide: (e, ui) => update(ui.value),
});

$('#spinner2').spinner({
  min,
  max,
  spin: (e, ui) => update(ui.value),
}).on('input', e => update(e.target.value)).trigger('input');

Comments

[righto]

Спасибо:)