Comment obtenir le premier et le dernier jour de la semaine en JavaScript

J'ai today = new Date(); objet. J'ai besoin d'obtenir le premier et le dernier jour de la semaine en cours. J'ai besoin des deux variantes pour le dimanche et le lundi de début et de fin jour de la semaine. Je suis un peu peu confondre aujourd'hui avec un code. Pouvez vos m'aider?

InformationsquelleAutor Petya petrov | 2011-03-06
  1. 158
    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"

    Cela fonctionne pour firstday = dimanche de cette semaine et le dernier jour = samedi de cette semaine. En l'étendant à exécuter du lundi au dimanche, est trivial.

    Le faire fonctionner avec les premier et dernier jours dans les différents mois est laissé comme exercice pour l'utilisateur

    • merci, comment je peux faire cela, mais quand le premier jour est le lundi ?
    • var first = curr.getDate() - curr.getDay() +1;
    • Pour le faire fonctionner lorsque vous avez plusieurs mois - var lastday = new Date(curr.setDate(first.getDate()+6)).toUTCString();
    • Pour le faire fonctionner pour chaque mois, y compris Févr il suffit de mettre la ligne de dernier jour avant firstday du code ci-dessus et il va travailler pour tous les mois.
    • Pourriez-vous expliquer cela avec un code?
    • Un code similaire à la @Raïon de réponse, mais ce sera un travail de même que pour les autres mois et les années aussi 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(); juste que j'ai corrigé le @RichardN du code, qui est d'avoir une petite erreur
    • La accepté de réponse ne permet pas de régler l'heure à 00:00:00 et 23:59:59, j'ai posté un autre à l'aide de Moment.js
    • Cela laisse un cas, lorsque le jour du mois est avant le 7, par exemple : 7/3/2015, var first = curr.getDate() - curr.getDay(); // Premier jour est le jour du mois, jour de la semaine-c'est un entier négatif, donc ce doit être vérifié.
    • J'ai couru dans le problème avec les différents mois, et le moindre changement à fixer c'est de faire les deux lignes avec "var firstday..." et "var dernier jour..." var firstday = new Date (new Date(curr)).setDate(premier)).toUTCString(); var dernier jour = new Date (new Date(curr)).setDate(dernier)).toUTCString();
    • "comme un exercice pour l'utilisateur" ... vraiment?
    • mais ne fonctionne pas quand passer diferent date
    • La date-pnr de la bibliothèque gère ce de manière succincte, avec une ligne (ci-dessous). Nous avons beaucoup préfèrent à l'Moment.js parce qu'il traite toutes les dates immuablement, et permet de passer de la norme JS Date d'objets.
    • si, aujourd'hui, la date est le 29 Août 2018 puis d'abord = 26 et dernière = 32, comme par votre code . il convient de 31 pour la dernière semaine du mois. sa ne fonctionne pas
    • Que faire si vous ne connaissez de l'année et de la semaine (par exemple la 17e semaine de 2018)?
    • parfait et simple de la logique, thanku

    InformationsquelleAutor Raynos
  2. 48

    Être prudent avec la accepté de répondre, il ne permet pas de régler l'heure à 00:00:00 et 23:59:59, de sorte que vous pouvez avoir des problèmes.

    Je recommande l'utilisation de Moment.js pour traiter avec les dates. Pour votre cas:

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

    C'est juste un petit cas d'utilisation, c'est vraiment simple à faire beaucoup d'opérations complexes.

    Vous pouvez voir plus de détails ici: http://momentjs.com/

    • Si vous utilisez moment utiliser "isoweek" au lieu de "semaine", sinon, il va commencer la semaine du dimanche et se terminera avec un samedi, donc var startOfWeek = moment().startOf('isoweek').toDate(); var endOfWeek = moment().endOf('isoweek').toDate();
    • Merci les gars sauvé mon temps 🙂
    • Pour tenir compte du temps sans l'aide de moment.js, l'utilisation de la Date.setHours: curr.setHours(0,0,0,0); dernier jour.setHours(23,59,59,59);
    • est doit être "isoWeek' pas 'isoweek'
    InformationsquelleAutor Bruno Lemos
  3. 36

    Vous pouvez également utiliser les lignes de code suivantes pour obtenir le premier et le dernier jour de la semaine:

    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));

    Espère qu'il sera utile..

    • C'est exactement le même code que Raynos posté.
    • Oui, Mais @totymedii , Raynos réponse est fausse pour le 1er Mars 2019, j'ai la preuve, firstday :: Sun, 24 Février 2019 08:33:48 GMT dernier jour : Sat, 02 Feb 2019 08:33:48 GMT
    InformationsquelleAutor Vasant PADHIYAR
  4. 15

    Voici un moyen rapide pour obtenir le premier et le dernier jour, pour toute mise en jour.
    sachant que:

    1 jour = 86,400,000 millisecondes.

    JS dates de valeurs sont en millisecondes

    Recette: savoir combien de jours vous avez besoin de l'enlever pour obtenir le votre semaine de début de journée (multiplier par 1 jour de millisecondes). Tout ce qui est à gauche après cela est d'ajouter 6 jours pour obtenir votre fin de journée. 

    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
    • Cela ne fonctionne pas car les jours ne sont pas toujours 86,400,000 millisecondes grâce à l'heure d'été...
    InformationsquelleAutor Olivier
  5. 8

    L'excellent (et immuable) date-pnr de la bibliothèque gère la plupart de manière concise:

    const start = startOfWeek(date);
const end = endOfWeek(date);
    • plus 1 pour l'utilisation de la date-les premières nations et les pas moment
    InformationsquelleAutor Luke Williams
  6. 4

    Vous pourriez faire quelque chose comme ce

    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);

    Où startDay est un nombre de 0 à 6, où 0 représente le dimanche (c'est à dire 1 = lundi, 2 = mardi,...).

    InformationsquelleAutor krtek
  7. 3

    SetDate sera définit le jour du mois. À l'aide de setDate pendant le démarrage et la fin du mois,va entraîner dans la mauvaise semaine

    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

    Si u réglage de la Date est 01-Jul-2014, il va montrer firstday 29-Jun-2014 et le dernier jour que 05-Jun-2014 au lieu de 05-Jul-2014

    Afin de surmonter ce problème, j'ai utilisé

    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
    InformationsquelleAutor Orchid
  8. 3

    Je recommande d'utiliser Moment.js pour de tels cas. J'ai eu des scénarios où j'ai eu à vérifier la date actuelle heure, cette semaine, ce mois-ci et ce quartiers date de temps. Au-dessus d'une réponse m'a aidé alors j'ai pensé à partager reste de l'fonctions ainsi.

    Simplement obtenir de la date actuelle heure dans le format spécifique

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

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

    Semaine commence le dimanche et se termine le samedi si nous utilisons simplement de la semaine " comme paramètre pour la fin de la fonction, mais pour obtenir le dimanche comme la fin de la semaine, nous avons besoin d'utiliser '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");

    J'ai choisi ce format pour mon besoin. Vous pouvez changer le format en fonction de votre exigence.

    InformationsquelleAutor Syed Ehtsham Abbas
  9. 3

    Cela fonctionne à travers le mois et l'année des changements.

    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());
    InformationsquelleAutor Chris Lang
  10. 2

    krtek de la partie de la méthode de mal,j'ai testé cette

    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);

    il fonctionne

    InformationsquelleAutor rayking
  11. 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));

    Ce sera utile pour la date scénario.

    InformationsquelleAutor Parth Shah
  12. 1

    Suggestion, mais vous avez un petit problème dans le dernier jour.
    Vous devez modifier: 

    lastday = new Date(firstday.getTime() + 60 * 60 *24 * 6 * 1000);
    InformationsquelleAutor Adam
  13. 1
            //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()) ));
    },

    *date du jour == 30.06.2016 et le lundi est le premier jour de la semaine.

    Il fonctionne également pour les différents mois et les années.
    Testé avec qunit suite:

    Comment obtenir le premier et le dernier jour de la semaine en JavaScript

            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);
});
    InformationsquelleAutor iach
  14. 1

    Bien que la question est apparente comme obsolète, je dois signaler un problème.

    Question: Ce qui va se passer au 1er janvier 2016?

    Je pense que la plupart des solutions ci-dessus calculer le début de la semaine que 27.12.2016.
    Pour cette raison, je pense, le calcul correct devrait être comme ci-dessous simplement;

    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;
    InformationsquelleAutor efkan
  15. 0

    Le moment approche a fonctionné pour moi, pour tous les cas ( bien que je n'ai pas tester les limites, comme la fin de l'année , les années bissextiles ). Seulement la Correction dans le code ci-dessus est le paramètre est "isoWeek" , si vous voulez commencer la semaine à partir de lundi.

        let startOfWeek = moment().startOf("isoWeek").toDate();
let endOfWeek = moment().endOf("isoWeek").toDate();
    InformationsquelleAutor pritesh agrawal
  16. 0

    Juste à l'aide de javascript, vous pouvez utiliser la fonction ci-dessous pour obtenir le premier jour et le dernier jour de la semaine avec librement réglage de la date pour le début de la semaine.

    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;
};

    Dernier jour de la semaine est à seulement 6 jours après le premier jour de la semaine

    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;
};

    Test:

    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
    InformationsquelleAutor user3444693