Где взять массив с данными дней недели для датапикера?

Question

[jeruthadam]

Хочу сделать свой датапикер. Но откуда берутся данные? Где взять данные типа

const days = [
  {
    year: 2019,
    month: 'january',
    number: 1,
    day: 'monday'
  }
]

Или типо того? Как вообще узнать что в таком месяце 28 дней, в таком 30 или 31? Это как-то генериться из апи времени?

Answer 1

[Антон Швец]

Как вообще узнать что в таком месяце 28 дней, в таком 30 или 31?

месяцы от 1 до 12

/** число дней */
function daysInMonth (month, year) {
    return new Date(year, month, 0).getDate();
}
/** день недели 1 числа месяца */
function getFirstDayOfMonth (month, year) {
    return new Date(year, month, 1).toLocaleString('ru', { weekday: 'long' });
   // если просто номер
   // return new Date(year, month, 1).getDay();
}

Comments

[Антон Швец]

а еще можно создать массив пройдясь от new Date(2019, 0, 1, 3) до new Date(2019, 0, 365, 3)
и взяв у них getFullYear getMonth getDate getDay

[Антон Швец]

function getArray(year) {
  const result = [];
  const daysInYear = (new Date(year, 11, 31) - new Date(year, 0, 0)) / 86400000;
  for (let dayNum = 1; dayNum <= daysInYear; dayNum++) {
    const date = new Date(year, 0, dayNum, 3);
    result.push({
      year: date.getFullYear(),
      month: date.getMonth(),
      number: date.getDate(),
      day: date.getDay(),
    });
  }
 
  return result;
}

Последняя 3 это часовой пояс, +3 для Москвы.

upd: поправил

[jeruthadam]

Антон Швец,

Что-то явно не так)

[jeruthadam]

31 декабря не попал, насколько я понял

[jeruthadam]

Антон Швец,

Последняя 3 это часовой пояс, +3 для Москвы

А зачем вообще часовой пояс? Тут же просто список дней, без разницы на пояс

[Антон Швец]

jeruthadam, а без пояса new Date(2019, 0, 1) вернет 21 час 2018 года в utc

[jeruthadam]

Антон Швец, у меня одинаково работает, что с ним что без него...Ну а что с 31 декабря-то делать?)

[Антон Швец]

jeruthadam, dayNum <= daysInYear по идее. Сейчас некогда проверятьь

[Антон Швец]

jeruthadam, вечерком решил довести дело до конца и нарисовал календарик https://jsfiddle.net/melchiorio/sxkey9zj/

[jeruthadam]

Антон Швец, супер)) Огромная благодарность

Answer 2

[Виктор Л]

function getDaysArray(year, month) {
    var numDaysInMonth, daysInWeek, daysIndex, index, i, l, daysArray;
    numDaysInMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
    daysInWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
    daysIndex = { 'Sun': 0, 'Mon': 1, 'Tue': 2, 'Wed': 3, 'Thu': 4, 'Fri': 5, 'Sat': 6 };
    index = daysIndex[(new Date(year, month - 1, 1)).toString().split(' ')[0]];
    daysArray = [];
    for (i = 0, l = numDaysInMonth[month - 1]; i < l; i++) {
        daysArray.push({
          year: year,
          month: month,
          number: (i + 1),
          day: daysInWeek[index++]
        })
        if (index == 7) index = 0;
    }
    return daysArray;
}

console.log(getDaysArray(2019, 7))

Comments

[jeruthadam]

Супер, огромное благодарность за наглядный пример.

[jeruthadam]

Только ваш пример не учитывает что количество дней в месяце может менятся? Мда..

[Антон Швец]

jeruthadam, угу, попробуйте для 2020го

[jeruthadam]

Антон Швец, я уже понял что это не рабочее решение

Answer 3

[Александр]

Дни недели они стандартные, дней в месяцах тоже. Берется точка отсчета и рассчитывается любая дата.
День недели: остаток от деления на 7 общего количества дней.
28 или 29 - по остатку от деления на 4 разницы годов высокосного и теребуемого.

Answer 4

[Владимир]

Тебе нужен массив начиная с заданой даты и заканчивая периодом пикера
https://developer.mozilla.org/en-US/docs/Web/JavaS...
Берешь и заполняешь. Можно еще взять в зависимости moment.js если нужна поддержка разных локалей.

Comments

[jeruthadam]

Берешь и заполняешь.

В этом и был вопрос.

Тебе нужен массив

Спасибо кеп. Поэтому я это написал в заголовке вопроса! Где его брать? Ссылка ведет на конструктор даты. При чем тут массив?

[Владимир]

jeruthadam, Массив нужно собрать самому , я бы вообще генератор сделал, у даты есть куча методов,
Получить день недели, получить первый день месяца, получить последний, почитай документацию