D-Day-Rechner

Berechnen Sie Tage bis zu Fristen, Prüfungen, Reisen, Geburtstagen oder Ereignissen.

Tool öffnen Zurück zu den Tools
// about

Über dieses Tool

Die D-Day-Berechnung vergleicht heute mit einem Zieldatum und zeigt, wie viele Kalendertage noch bleiben oder vergangen sind.

So verwenden Sie es

  1. Wähle das Zieldatum.
  2. Klicke auf „D-Day berechnen“.
  3. Lies die verbleibenden oder vergangenen Tage ab.

Warum dieses Tool genutzt wird

  • Nützlich für Fristen, Prüfungen, Reisen, Geburtstage, Veröffentlichungen und Termine.
  • Unterscheidet zukünftige Daten klar von bereits vergangenen.
  • Rechnet mit Kalenderdaten, ohne das Ergebnis mit Stunden und Minuten zu vermischen.
Ratgeber · Datum & Zeit · 8 Min. Lesezeit

Datumsberechnung ohne Off-by-One: Countdowns, Jahrestage, Alter und Lebensmonate

Wie viele Tage noch bis zur Prüfung? Wann ist der 100. Tag? Wie viele Monate ist das Baby alt? Datumsrechnungen stecken voller Ein-Tages-Unterschiede — es lohnt sich, die verwendete Regel zu kennen.

Beim Countdown heißt das Zieldatum D, der Tag davor D-1 und der Tag danach D+1. Die verbleibenden Tage sind einfach Zieldatum minus heute. Am 28. Oktober 2026 ist der 25. Dezember D-58.

Start: 2026-03-01
Vergangene Tage: 2026-06-08 liegt 99 Tage nach dem Start
Tag Nummer:      2026-06-08 ist der 100. Tag
Ersten Tag mitzählen oder nicht: Countdowns, Jahrestage, Alter in Jahren, Lebensmonate und Monatsenden ohne Ein-Tages-Fehler berechnen.
Ratgeber lesen →
Mit KI bauen

Dieses Tool selbst mit KI bauen

Sie möchten eine eigene Version? Kopieren Sie den Arbeitsauftrag in einen KI-Chat oder speichern Sie die Skill-Datei für einen KI-Coding-Agenten. Beide enthalten die Funktionen, Sonderfälle und Testfälle, die wir verwendet haben.

Prompt und Skill sind auf Englisch, das KI-Tools in jeder Sprache gut verstehen.

KI-Arbeitsauftrag (Prompt)

Unverändert in Claude, ChatGPT oder Gemini einfügen.

You are an experienced full-stack web developer. Build a web tool called "D-Day-Rechner" 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)

Als .claude/skills/build-d-day-calculator/SKILL.md speichern, damit Agenten wie Claude Code es bei jeder Änderung am Tool wiederverwenden.

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

# Build: D-Day-Rechner

## 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

Tipps für die Arbeit mit KI

  • Nennen Sie in der ersten Zeile Ihren Stack (React, Vue oder reines HTML), damit der Code passt.
  • Lassen Sie die KI die Testfälle ausführen und die Ergebnisse zeigen, bevor Sie den Code übernehmen.
  • Fügen Sie keine echten Passwörter, Kundendaten oder API-Schlüssel ein; nutzen Sie Beispielwerte.