Как получить первый и последний день недели в JavaScript

97

У меня есть today = new Date();возражение. Мне нужно получить первый и последний день текущей недели. Мне нужны оба варианта на воскресенье и понедельник как день начала и окончания недели. Немного запутался сейчас с кодом. Ты можешь мне помочь?

javascript  date 
— Петя петров
источник

Ответы:

195 
var curr = new Date; // get current date
var first = curr.getDate() - curr.getDay(); // First day is the day of the month - the day of the week
var last = first + 6; // last day is the first day + 6

var firstday = new Date(curr.setDate(first)).toUTCString();
var lastday = new Date(curr.setDate(last)).toUTCString();

firstday
"Sun, 06 Mar 2011 12:25:40 GMT"
lastday
"Sat, 12 Mar 2011 12:25:40 GMT"

Это работает для первого дня = воскресенье этой недели и последнего дня = субботы на этой неделе. Продлить его, чтобы он работал с понедельника по воскресенье, тривиально.

Заставить его работать с первым и последним днями разных месяцев оставлено в качестве упражнения для пользователя.

— Райнос
источник
спасибо, как я могу это сделать, но когда первый день понедельник?
— JuanPablo
4
var first = curr.getDate() - curr.getDay() +1;
— JuanPablo
40
Чтобы это сработало, когда у вас разные месяцыvar lastday = new Date(curr.setDate(first.getDate()+6)).toUTCString();
— Ричард Н.
2
Код, аналогичный ответу @Rayons, но он будет работать даже в другие месяцы и годы, var curr = new Date('2014-10-01T00:00:00'); // get current date var first = curr.getDate() - curr.getDay(); // First day is the day of the month - the day of the week var last = first + 6; // last day is the first day + 6 firstday = new Date(curr.setDate(first)).toUTCString(); lastday = new Date(curr.setDate(curr.getDate()+6)).toUTCString(); только я исправил код @ RichardN, в котором есть небольшая ошибка
— Azeez
65
«как упражнение для пользователя»… правда?
— adius
63

Будьте осторожны с принятым ответом, он не устанавливает время на 00:00:00 и 23:59:59, поэтому у вас могут возникнуть проблемы.

Вы можете использовать стороннюю библиотеку дат для работы с датами. Например:

var startOfWeek = moment().startOf('week').toDate();
var endOfWeek   = moment().endOf('week').toDate();

РЕДАКТИРОВАТЬ: по состоянию на сентябрь 2020 года использование Moment не рекомендуется для новых проектов ( сообщение в блоге )

Еще одна популярная альтернатива - date-fns .

— Бруно Лемос
источник
20
Если вы используете момент, используйте «isoweek» вместо «week», иначе неделя начнется с воскресенья и закончится var startOfWeek = moment().startOf('isoweek').toDate(); var endOfWeek = moment().endOf('isoweek').toDate();
— субботой,
Спасибо, ребята, вы сэкономили мое время :-)
— Сайед Этшам Аббас
1
Чтобы учесть время без использования moment.js, используйте Date.setHours: curr.setHours (0,0,0,0); lastday.setHours (23,59,59,59);
— Матадур
это должно быть isoWeek, а не isoweek
— Mayur
Love moment js, одна из лучших библиотек даты и времени!
— Vippy
50

Вы также можете использовать следующие строки кода, чтобы получить первую и последнюю дату недели:

var curr = new Date;
var firstday = new Date(curr.setDate(curr.getDate() - curr.getDay()));
var lastday = new Date(curr.setDate(curr.getDate() - curr.getDay()+6));

Надеюсь, это будет полезно ..

— Васант ПАДХИЯР
источник
2
Да, но @totymedii, ответ Райноса на 1 марта 2019 года неверен, у меня есть доказательства, firstday :: вс, 24 фев 2019, 08:33:48 GMT last day :: сб, 02 фев 2019, 08:33:48 GMT
— Deepak Patel
14

Вот быстрый способ получить первый и последний день для любого начального дня. знаю это:

1 день = 86 400 000 миллисекунд.

Значения дат JS указаны в миллисекундах.

Рецепт: выясните, сколько дней вам нужно удалить, чтобы получить день начала вашей недели (умножьте на миллисекунды, равные 1 дню). Все, что остается после этого, - это добавить 6 дней, чтобы получить конечный день. 

var startDay = 1; //0=sunday, 1=monday etc.
var d = now.getDay(); //get the current day
var weekStart = new Date(now.valueOf() - (d<=0 ? 7-startDay:d-startDay)*86400000); //rewind to start day
var weekEnd = new Date(weekStart.valueOf() + 6*86400000); //add 6 days to get last day
— Оливье
источник
3
Это не работает, потому что дни не всегда составляют 86400000 миллисекунд благодаря
— летнему
10

Отличная (и неизменная) библиотека date-fns справляется с этим наиболее кратко:

const start = startOfWeek(date);
const end = endOfWeek(date);

Днем начала недели по умолчанию является воскресенье (0), но его можно изменить на понедельник (1) следующим образом:

const start = startOfWeek(date, {weekStartsOn: 1});
const end = endOfWeek(date, {weekStartsOn: 1});
— Freewalker
источник
1
плюс 1 за использование date-fns, а не момента
— CENT1PEDE
@RobG У любого используемого вами метода по умолчанию будет первый день недели.
— Freewalker
4

Вы могли бы сделать что-то вроде этого

var today = new Date();
var startDay = 0; 
var weekStart = new Date(today.getDate() - (7 + today.getDay() - startDay) % 7);
var weekEnd = new Date(today.getDate() + (7 - today.getDay() - startDay) % 7);

Где startDayчисло от 0 до 6, где 0 означает воскресенье (т.е. 1 = понедельник, 2 = вторник и т. Д.).

— кртек
источник
3

SetDateустановит день месяца. Использование setDateв начале и в конце месяца приведет к неправильной неделе

var curr = new Date("08-Jul-2014"); // get current date
var first = curr.getDate() - curr.getDay(); // First day is the day of the month - the day of the week
var last = first + 6; // last day is the first day + 6
var firstday = new Date(curr.setDate(first)); // 06-Jul-2014
var lastday = new Date(curr.setDate(last)); //12-Jul-2014

Если u устанавливает дату 01-июл-2014, он будет отображать первый день как 29-июн-2014 и последний день как 05-июн-2014 вместо 05-июл-2014.

Так что преодолейте эту проблему, я использовал

var curr = new Date();
day = curr.getDay();
firstday = new Date(curr.getTime() - 60*60*24* day*1000); //will return firstday (ie sunday) of the week
lastday = new Date(curr.getTime() + 60 * 60 *24 * 6 * 1000); //adding (60*60*6*24*1000) means adding six days to the firstday which results in lastday (saturday) of the week
— Орхидея
источник
« Использование setDate в начале и в конце месяца приведет к неправильной неделе », если используется неправильно.
— RobG
3

Это работает при изменении года и месяца.

Date.prototype.GetFirstDayOfWeek = function() {
    return (new Date(this.setDate(this.getDate() - this.getDay())));
}

Date.prototype.GetLastDayOfWeek = function() {
    return (new Date(this.setDate(this.getDate() - this.getDay() +6)));
}

var today = new Date();

alert(today.GetFirstDayOfWeek());

alert(today.GetLastDayOfWeek());
— Крис Лэнг
источник
Теперь это кажется лишним. smh
— Крис Ланг
А недели начинаются с понедельника?
— RobG
@RobG Пожалуйста, обратитесь к этому
— ШИВА
2

В таких случаях рекомендую использовать Moment.js. У меня были сценарии, в которых мне приходилось проверять текущее время даты, на этой неделе, в этом месяце и в этом квартале. Вышеупомянутый ответ помог мне, поэтому я решил поделиться и остальными функциями.

Просто чтобы получить текущую дату и время в определенном формате

        case 'Today':
        moment().format("DD/MM/YYYY h:mm A");

        case 'This Week':
          moment().endOf('isoweek').format("DD/MM/YYYY h:mm A");

Неделя начинается с воскресенья и заканчивается в субботу, если мы просто используем «week» в качестве параметра для функции endOf, но чтобы получить воскресенье в качестве конца недели, нам нужно использовать «isoweek».

        case 'This Month':
          moment().endOf('month').format("DD/MM/YYYY h:mm A");

        case 'This Quarter':
          moment().endOf('quarter').format("DD/MM/YYYY h:mm A");

Я выбрал этот формат в соответствии со своими потребностями. Вы можете изменить формат в соответствии с вашими требованиями.

— Сайед Этшам Аббас
источник
Moment.js теперь является устаревшим проектом и больше не будет получать значительных обновлений: github.com/moment/moment#project-status
— Freewalker
2 
        //get start of week; QT
    function _getStartOfWeek (date){
        var iDayOfWeek = date.getDay();
        var iDifference = date.getDate() - iDayOfWeek + (iDayOfWeek === 0 ?  -6:1);

        return new Date(date.setDate(iDifference));
    }, 

    function _getEndOfWeek(date){
        return new Date(date.setDate(date.getDate() + (7 - date.getDay()) === 7 ? 0 : (7 - date.getDay()) ));
    },

* текущая дата == 30.06.2016 и понедельник - первый день недели.

Он также работает для разных месяцев и лет. Протестировано с помощью qunit Suite:

введите описание изображения здесь

        QUnit.module("Planung: Start of week");
    QUnit.test("Should return start of week based on current date", function (assert) {
        var startOfWeek = Planung._getStartOfWeek(new Date());
        assert.ok( startOfWeek , "returned date: "+ startOfWeek);
    });

    QUnit.test("Should return start of week based on a sunday date", function (assert) {
        var startOfWeek = Planung._getStartOfWeek(new Date("2016-07-03"));
        assert.ok( startOfWeek , "returned date: "+ startOfWeek);
    });

    QUnit.test("Should return start of week based on a monday date", function (assert) {
        var startOfWeek = Planung._getStartOfWeek(new Date("2016-06-27"));
        assert.ok( startOfWeek , "returned date: "+ startOfWeek);
    });

    QUnit.module("Planung: End of week");
    QUnit.test("Should return end of week based on current date", function (assert) {
        var endOfWeek = Planung._getEndOfWeek(new Date());
        assert.ok( endOfWeek , "returned date: "+ endOfWeek);
    });
    QUnit.test("Should return end of week based on sunday date with different month", function (assert) {
        var endOfWeek = Planung._getEndOfWeek(new Date("2016-07-03"));
        assert.ok( endOfWeek , "returned date: "+ endOfWeek);
    });
    QUnit.test("Should return end of week based on monday date with different month", function (assert) {
        var endOfWeek = Planung._getEndOfWeek(new Date("2016-06-27"));
        assert.ok( endOfWeek , "returned date: "+ endOfWeek);
    });
    QUnit.test("Should return end of week based on 01-06-2016 with different month", function (assert) {
        var endOfWeek = Planung._getEndOfWeek(new Date("2016-06-01"));
        assert.ok( endOfWeek , "returned date: "+ endOfWeek);
    });
    QUnit.test("Should return end of week based on 21-06-2016 with different month", function (assert) {
        var endOfWeek = Planung._getEndOfWeek(new Date("2016-06-21"));
        assert.ok( endOfWeek , "returned date: "+ endOfWeek);
    });
    QUnit.test("Should return end of week based on 28-12-2016 with different month and year", function (assert) {
        var endOfWeek = Planung._getEndOfWeek(new Date("2016-12-28"));
        assert.ok( endOfWeek , "returned date: "+ endOfWeek);
    });
    QUnit.test("Should return end of week based on 01-01-2016 with different month and year", function (assert) {
        var endOfWeek = Planung._getEndOfWeek(new Date("2016-01-01"));
        assert.ok( endOfWeek , "returned date: "+ endOfWeek);
    });
— иах
источник
2 
var dt = new Date()  //current date of week
var currentWeekDay = dt.getDay();
var lessDays = currentWeekDay == 0 ? 6 : currentWeekDay-1
var wkStart = new Date(new Date(dt).setDate(dt.getDate()- lessDays));
var wkEnd = new Date(new Date(wkStart).setDate(wkStart.getDate()+6));

Это будет полезно для любого сценария свидания.

— Парт Шах
источник
1

Метод krtek имеет некоторые ошибки, я тестировал это

var startDay = 0; 
var weekStart = new Date(today.getDate() - (7 + today.getDay() - startDay) % 7);
var weekEnd = new Date(today.getDate() + (6 - today.getDay() - startDay) % 7);

оно работает

— Rayking
источник
1

Хотя вопрос кажется устаревшим, я должен указать на проблему.
Вопрос: Что будет 1 января 2016 года?
Я думаю, что большинство вышеперечисленных решений рассчитывают начало недели как 27.12.2016. По этой причине я думаю, что правильный расчет должен быть таким, как показано ниже;

var d = new Date(),
    dayInMs = 1000 * 60 * 60 * 24,
    weekInMs = dayInMs * 7,
    startOfToday = new Date(d.getFullYear(), d.getMonth(), d.getDate()).valueOf(),
    todayElapsedTime = d.valueOf() - startOfToday,
    dayDiff = d.getDay() * dayInMs,
    dateDiff = dayDiff + todayElapsedTime, 
    // finally
    startOfWeek = d.valueOf() - dateDiff,
    endOfWeek = startOfWeek + weekInMs - 1;
— эфкан
источник
0

Хорошее предложение, но в прошлый день у вас возникла небольшая проблема. Вы должны изменить его на:

lastday = new Date(firstday.getTime() + 60 * 60 *24 * 6 * 1000);
— Адам
источник
Не все дни, когда наблюдается переход на летнее время, длится 24 часа.
— RobG
0

Моментальный подход работал у меня во всех случаях (хотя я не проверял такие границы, как конец года, високосные годы). Единственное исправление в приведенном выше коде - это параметр isoWeek, если вы хотите начать неделю с понедельника.

    let startOfWeek = moment().startOf("isoWeek").toDate();
    let endOfWeek = moment().endOf("isoWeek").toDate();
— Притеш Агравал
источник
0

Просто используя чистый javascript, вы можете использовать приведенную ниже функцию, чтобы получить первый и последний день недели с произвольной настройкой дня для начала недели.

var weekday = [];
weekday[0] = "Sunday";
weekday[1] = "Monday";
weekday[2] = "Tuesday";
weekday[3] = "Wednesday";
weekday[4] = "Thursday";
weekday[5] = "Friday";
weekday[6] = "Saturday";

function getFirstDayOfWeek(date, from) {
    //Default start week from 'Sunday'. You can change it yourself.
    from = from || 'Sunday'; 
    var index = weekday.indexOf(from);
    var start = index >= 0 ? index : 0;

    var d = new Date(date);
    var day = d.getDay();
    var diff = d.getDate() - day + (start > day ? start - 7 : start);
    d.setDate(diff);
    return d;
};

Последний день недели через 6 дней после первого дня недели.

function getLastDayOfWeek(date, from) {
    from = from || 'Sunday';
    var index = weekday.indexOf(from);
    var start = index >= 0 ? index : 0;

    var d = new Date(date);
    var day = d.getDay();
    var diff = d.getDate() - day + (start > day ? start - 1 : 6 + start);
    d.setDate(diff);
    return d;
};

Контрольная работа:

getFirstDayOfWeek('2017-10-16'); //--> Sun Oct 15 2017
getFirstDayOfWeek('2017-10-16', 'Monday'); //--> Mon Oct 16 2017
getFirstDayOfWeek('2017-10-16', 'Tuesday'); //--> Tue Oct 10 2017
— пользователь3444693
источник
0

JavaScript

function getWeekDays(curr, firstDay = 1 /* 0=Sun, 1=Mon, ... */) {
  var cd = curr.getDate() - curr.getDay();
  var from = new Date(curr.setDate(cd + firstDay));
  var to = new Date(curr.setDate(cd + 6 + firstDay));

  return {
    from,
    to,
  };
};

Машинопись

export enum WEEK_DAYS {
  Sunday = 0,
  Monday = 1,
  Tuesday = 2,
  Wednesday = 3,
  Thursday = 4,
  Friday = 5,
  Saturday = 6,
}

export const getWeekDays = (
  curr: Date,
  firstDay: WEEK_DAYS = WEEK_DAYS.Monday
): { from: Date; to: Date } => {
  const cd = curr.getDate() - curr.getDay();
  const from = new Date(curr.setDate(cd + firstDay));
  const to = new Date(curr.setDate(cd + 6 + firstDay));

  return {
    from,
    to,
  };
};
— Эдуардо Куомо
источник
0

Мы добавили код jquery, который показывает текущую неделю дней с понедельника по воскресенье.

var d = new Date();
var week = [];
var _days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var _months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
for (let i = 1; i <= 7; i++) {
    let first = d.getDate() - d.getDay() + i; 
    let dt = new Date(d.setDate(first));
    var _day = _days[dt.getDay()];
     var _month = _months[dt.getMonth()];
     var _date = dt.getDate();
     if(_date < 10 ){
         _date = '0' +_date;
     }
     var _year = dt.getFullYear();
     var fulldate = _day+' '+_month+' '+_date+' '+_year+' ';
     week.push(fulldate);
  }
console.log(week);
— Нирадж Сингх
источник
Этот код сохраняет дни недели в массиве с именем week. Формат даты, который хранится в массиве, - Day Mon Date Year означает, что он показывает первый день недели, затем месяц, дату и год.
— Нирадж Сингх,
Как это "код jQuery"? Есть множество более простых ответов, использующих ту же технику.
— RobG
0

Старый вопрос с множеством ответов, так что другой не будет проблемой. Некоторые общие функции для получения начала и конца всех видов единиц времени.

Для startOf и endOf week день начала недели по умолчанию - воскресенье (0), но можно передать любой день (понедельник - 1, вторник - 2 и т. Д.). Однако использует только григорианский календарь.

Функции не изменяют исходную дату, поэтому, чтобы увидеть, находится ли дата на той же неделе, что и другая дата (неделя начинается с понедельника):

if (d >= startOf('week', d1, 1) && d <= endOf('week', d1, 1)) {
  // d is in same week as d1
}

или на текущей неделе, начиная с воскресенья:

if (d >= startOf('week') && d <= endOf('week')) {
  // d is in the current week
}


// Returns a new Date object set to start of given unit
// For start of week, accepts any day as start
function startOf(unit, date = new Date(), weekStartDay = 0) {
  // Copy original so don't modify it
  let d = new Date(date);
  let e = new Date(d);
  e.setHours(23,59,59,999);
  // Define methods
  let start = {
    second: d => d.setMilliseconds(0),
    minute: d => d.setSeconds(0,0),
    hour  : d => d.setMinutes(0,0,0),
    day   : d => d.setHours(0,0,0,0),
    week  : d => {
      start.day(d);
      d.setDate(d.getDate() - d.getDay() + weekStartDay);
      if (d > e) d.setDate(d.getDate() - 7);
    },
    month : d => {
      start.day(d);
      d.setDate(1);
    },
    year  : d => {
      start.day(d);
      d.setMonth(0, 1);
    },
    decade: d => {
      start.year(d);
      let year = d.getFullYear();
      d.setFullYear(year - year % 10);
    },
    century: d => {
      start.year(d);
      let year = d.getFullYear();
      d.setFullYear(year - year % 100);
    },
    millenium: d => {
      start.year(d);
      let year = d.getFullYear();
      d.setFullYear(year - year % 1000);
    }
  }
  start[unit](d);
  return d;
}

// Returns a new Date object set to end of given unit
// For end of week, accepts any day as start day
// Requires startOf
function endOf(unit, date = new Date(), weekStartDay = 0) {
  // Copy original so don't modify it
  let d = new Date(date);
  let e = new Date(date);
  e.setHours(23,59,59,999);
  // Define methods
  let end = {
    second: d => d.setMilliseconds(999),
    minute: d => d.setSeconds(59,999),
    hour  : d => d.setMinutes(59,59,999),
    day   : d => d.setHours(23,59,59,999),
    week  : w => {
      w = startOf('week', w, weekStartDay);
      w.setDate(w.getDate() + 6);
      end.day(w);
      d = w;
    },
    month : d => {
      d.setMonth(d.getMonth() + 1, 0);
      end.day(d);
    },  
    year  : d => {
      d.setMonth(11, 31);
      end.day(d);
    },
    decade: d => {
      end.year(d);
      let y = d.getFullYear();
      d.setFullYear(y - y % 10 + 9);
    },
    century: d => {
      end.year(d);
      let y = d.getFullYear();
      d.setFullYear(y - y % 100 + 99);
    },
    millenium: d => {
      end.year(d);
      let y = d.getFullYear();
      d.setFullYear(y - y % 1000 + 999);
    }
  }
  end[unit](d);
  return d;
}

// Examples
let d = new Date();

['second','minute','hour','day','week','month','year',
 'decade','century','millenium'].forEach(unit => {
   console.log(('Start of ' + unit).padEnd(18)  + ': ' +
   startOf(unit, d).toString());
   console.log(('End of ' + unit).padEnd(18)  + ': ' +
   endOf(unit, d).toString());
});
Развернуть фрагмент

— РобГ
источник
0

Небольшое изменение в ответе @Chris Lang. если вы хотите, чтобы понедельник был первым днем, используйте это.

Date.prototype.GetFirstDayOfWeek = function() {
    return (new Date(this.setDate(this.getDate() - this.getDay()+ (this.getDay() == 0 ? -6:1) )));
}
Date.prototype.GetLastDayOfWeek = function() {
    return (new Date(this.setDate(this.getDate() - this.getDay() +7)));
}

var today = new Date();

alert(today.GetFirstDayOfWeek());

alert(today.GetLastDayOfWeek());

Спасибо @Chris Lang

— ШИВА
источник
0 

function getMonday(d) {
    d = new Date(d);
    var day = d.getDay(),
        diff = d.getDate() - day + (day == 0 ? -6:1); // adjust when day is sunday
    return new Date(d.setDate(diff));
  }
  
 console.log( getMonday(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate())) )  // Mon Nov 08 2010
Развернуть фрагмент

— Ghiles Ybeggazene
источник
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.