Calculateur D-Day

Calculez les jours avant une échéance, un anniversaire, un voyage ou un événement.

// about

À propos de cet outil

Le calcul du D-Day compare aujourd’hui à une date cible et indique combien de jours calendaires restent ou se sont écoulés.

Comment l’utiliser

  1. Choisissez la date cible.
  2. Cliquez sur « Calculer le D-Day ».
  3. Lisez le nombre de jours restants ou écoulés.

Pourquoi utiliser cet outil

  • Utile pour les échéances, examens, voyages, anniversaires, lancements et rendez-vous.
  • Distingue clairement les dates futures des dates déjà passées.
  • Utilise des dates calendaires sans confondre le résultat avec les heures et les minutes.
Guides · Date et heure · 8 min de lecture

Calculer des dates sans erreur d'un jour : comptes à rebours, anniversaires, âge et âge en mois

Combien de jours avant l'examen ? Quand tombe le 100e jour ? Quel âge en mois a le bébé ? Les calculs de dates regorgent d'écarts d'un jour : mieux vaut savoir quelle règle est appliquée.

Le compte à rebours désigne la date cible par J, la veille par J-1 et le lendemain par J+1. Le nombre de jours restants est simplement la date cible moins aujourd'hui. Le 28 octobre 2026, le 25 décembre est à J-58.

Départ : 2026-03-01
Jours écoulés : le 2026-06-08 est 99 jours après le départ
Numéro du jour : le 2026-06-08 est le 100e jour
Compter ou non le premier jour : comptes à rebours, anniversaires, calcul de l'âge, âge en mois calendaires et fins de mois sans erreur d'un jour.
Lire le guide →
Le créer avec l'IA

Créez cet outil vous-même avec l'IA

Besoin de votre propre version ? Copiez le prompt dans un chat IA ou enregistrez le fichier de skill pour un agent de code IA. Ils décrivent les fonctionnalités, cas limites et tests que nous avons utilisés.

Le prompt et le skill sont fournis en anglais, que les outils d'IA comprennent parfaitement.

Prompt de consigne IA

Collez-le tel quel dans Claude, ChatGPT ou Gemini.

You are an experienced full-stack web developer. Build a web tool called "Calculateur D-Day" that meets the requirements below.

## Goal

Build a tool that shows the days remaining until, or elapsed since, a target date in D-day format.

## Core features

- Show D-n, D-Day or D+n for a target date
- Change the reference date
- 'Day number' mode that counts the first day
- Generate milestone lists such as day 100 or 1,000
- Copy the result sentence

## Inputs

- Target date
- Reference date (default today) and mode

## Outputs

- D-day label
- Days remaining or elapsed
- Milestone list

## Edge cases and handling rules

- Compare calendar dates only, not times
- Determine 'today' in the user's time zone
- Handle 29 February in leap years
- Show 'D-Day' when the target is today

## Implementation requirements

- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
- Make the UI responsive and easy to use on mobile; label every input and keep everything keyboard accessible.
- Add a Copy button for results and show clear, friendly error messages for invalid input.
- Keep the core logic in functions separate from the UI so it can be unit-tested.

## Definition of done (test cases)

- From 2026-10-28, 2026-12-25 is D-58
- Day 100 from 2026-03-01 is 2026-06-08
- Same date shows D-Day

First outline your implementation plan in at most five lines, then write the complete code, and finally explain how to check the test cases above.

Skill (SKILL.md)

Enregistrez-le sous .claude/skills/build-d-day-calculator/SKILL.md pour qu'un agent comme Claude Code le réutilise à chaque modification de l'outil.

---
name: build-d-day-calculator
description: Use when building or changing a Calculateur D-Day tool. Build a tool that shows the days remaining until, or elapsed since, a target date in D-day format.
---

# Build: Calculateur D-Day

## Goal

Build a tool that shows the days remaining until, or elapsed since, a target date in D-day format.

## Workflow

1. Review the required features, inputs and outputs below and ask about anything missing first.
2. Implement the core logic as pure functions separate from the UI.
3. Check the logic against the test cases in the verification list.
4. Build a responsive UI with an input form, a result area and a Copy button.
5. Reproduce each edge case listed under Rules and refine the error messages.

## Core features

- Show D-n, D-Day or D+n for a target date
- Change the reference date
- 'Day number' mode that counts the first day
- Generate milestone lists such as day 100 or 1,000
- Copy the result sentence

## Inputs

- Target date
- Reference date (default today) and mode

## Outputs

- D-day label
- Days remaining or elapsed
- Milestone list

## Rules

- Compare calendar dates only, not times
- Determine 'today' in the user's time zone
- Handle 29 February in leap years
- Show 'D-Day' when the target is today
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.

## Verification

- [ ] From 2026-10-28, 2026-12-25 is D-58
- [ ] Day 100 from 2026-03-01 is 2026-06-08
- [ ] Same date shows D-Day

Conseils pour travailler avec l'IA

  • Indiquez votre stack (React, Vue, HTML pur…) dès la première ligne pour obtenir un code adapté.
  • Demandez à l'IA d'exécuter les tests listés et d'en montrer les résultats avant d'accepter le code.
  • Ne collez jamais de vrais secrets, données clients ou clés d'API ; utilisez des exemples.