bug: ion-datetime presentation="date" emits `YYYY-MM-DDTHH:mm:00` (the current wall-clock time) instead of a date-only value

Aberta
  • Algo errado?
#31,600 1 comentário 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
74/100
Tipo de issue
Bug
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
typescript
Domínio
frontend

Direção de pesquisa

Start in core/src/components/datetime/datetime.tsx and trace how todayParts and defaultParts feed the selected date; then inspect convertDataToISO in utils/manipulation.ts. Check the date-only behavior against the documented presentation="date" format and run the relevant datetime tests. Done means selecting a day emits YYYY-MM-DD without a time.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

package: core type: bug
Ionic Framework Version

v9.x (9.0.7)

Current Behavior

<ion-datetime presentation="date"> with no initial value: clicking a day emits

ionChange detail.value = "2026-09-01T16:19:00"

at 16:19 local time, and datetime.value reads the same string. The time part is whatever the clock showed when the component initialised.

Where it comes from (core/src/components/datetime/datetime.tsx):

  • L1529 this.todayParts = parseDate(getToday()) — getToday() (utils/data.ts L27–46) returns a full ISO timestamp, so the parts carry hour/minute;
  • L1534 defaultParts is derived from them, and selecting a day keeps those hour/minute fields;
  • convertDataToISO (utils/manipulation.ts L37–40) appends T${hour}:${minute}:00 whenever hour !== undefined, regardless of presentation.

A backend DateOnly / date column rejects the value, and the same picker opened on two days produces two different strings for the same date.

Expected Behavior

presentation="date" emits YYYY-MM-DD (the format the docs describe for a date-only picker and the one min/max accept).

Steps to Reproduce
  1. <ion-datetime presentation="date"></ion-datetime> with no value.
  2. Click any enabled day.
  3. Read event.detail.value in ionChange.
Ionic Info

@ionic/core 9.0.7, Chromium 142 (Playwright headless).

Linguagem predominante
TypeScript
Estrelas
52.7k
Forks
13.3k
Merge médio
3d 4h
PRs com merge (30d)
72

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de ionic-team/ionic-framework

Todas as issues de ionic-team/ionic-framework

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.