NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Angular 7 material date input

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Ladislav Niderle
Člen
Avatar
Ladislav Niderle:5.3.2019 12:57

Ahoj, potřeboval bych poradit jak správně pracovat s novou položkou datum v materiálu. Potřebuji ji zadat , uložit a pak i načíst.

Zkusil jsem: našel jsem toto:

<mat-form-field>
        <mat-label>Date</mat-label>
        <input  [value]="produkt.licenceProposal.expirace | date:'dd-MM-yyyy'"  matInput [matDatepicker]="myPicker"  placeholder="date" (input)="produkt.licenceProposal.expirace">
        <mat-datepicker-toggle  matSuffix [for]="myPicker"></mat-datepicker-toggle>
        <mat-datepicker #myPicker></mat-datepicker>
    </mat-form-field>

Ale nejsem schopen zobrazit to co se mi vrátí ze serveru.

Chci docílit: Snažím se mít možnost zadat datum expirace, která se uloží na server a následně se mi vrátí a já ji úspěšně zobrazím. A přitom už mám zajištěno, že danou xpiraci jsem schopen uložit, tak už jenom potřebuji poradit jak ji správně zobrazit.

Předem moc děkuji z pomoc.

 
Odpovědět
5.3.2019 12:57
Avatar
Petr Štechmüller
Tvůrce
Avatar
Odpovídá na Ladislav Niderle
Petr Štechmüller:5.3.2019 13:01

Ahoj,
pro začátek nám sem hoď, v jakém formátu to přichází ze serveru ;-)

Nahoru Odpovědět
5.3.2019 13:01
Pokud spolu kód a komentář nekorespondují, budou patrně oba chybné
Avatar
Ladislav Niderle
Člen
Avatar
Odpovídá na Petr Štechmüller
Ladislav Niderle:5.3.2019 13:29

V tomto tvaru mi to příjde ze serveru:
Tue Mar 05 2019 12:54:58 GMT+0100 (Středoevropský standardní čas)

 
Nahoru Odpovědět
5.3.2019 13:29
Avatar
Petr Štechmüller
Tvůrce
Avatar
Odpovídá na Ladislav Niderle
Petr Štechmüller:5.3.2019 13:32

To bude asi ten kámen úrazu. Nemůš to na serveru upravit, aby to vracelo timestamp?

Nahoru Odpovědět
5.3.2019 13:32
Pokud spolu kód a komentář nekorespondují, budou patrně oba chybné
Avatar
Ladislav Niderle
Člen
Avatar
Odpovídá na Petr Štechmüller
Ladislav Niderle:5.3.2019 13:41

Mohu se pokusit, a předpokládám, že nevadí, když můj objekt je typu Date, nebo je něco lepšího?

 
Nahoru Odpovědět
5.3.2019 13:41
Avatar
Petr Štechmüller
Tvůrce
Avatar
Odpovídá na Ladislav Niderle
Petr Štechmüller:5.3.2019 13:45

Ahoj, takhle převedeš datum na timestamp:

// Objekt typu datum
let date = new Date();
// převedení na timestamp
let timestamp = +date;

ten pošleš do aplikace a tam si ho zpracuješ

Nahoru Odpovědět
5.3.2019 13:45
Pokud spolu kód a komentář nekorespondují, budou patrně oba chybné
Avatar
Ladislav Niderle
Člen
Avatar
Odpovídá na Petr Štechmüller
Ladislav Niderle:5.3.2019 13:55

Dotaz, mám objekt:

licence. {
...
expirace: Date(),
...
}
a potom  dělám následující:
// Objekt typu datum
let date = new Date(expirace);
// převedení na timestamp
let timestamp = +date;
licence.expirace = timestamp  nebo i date

a hlásí mi to problém s přetypováním. Nevíš co s tím mám špatně?

 
Nahoru Odpovědět
5.3.2019 13:55
Avatar
Petr Štechmüller
Tvůrce
Avatar
Odpovídá na Ladislav Niderle
Petr Štechmüller:5.3.2019 13:57

Pokud to datum generuješ nové, můžeš napsat rovnou

let timestamp = Date.now();

Jinak, pokud jednou nastavíš objektu jeden datový typ (Date), je logické, že to hlásí problém s přetypováním, protože číslo a objekt typu Date nejsou kompatibilní.

Nahoru Odpovědět
5.3.2019 13:57
Pokud spolu kód a komentář nekorespondují, budou patrně oba chybné
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.