kalendarz zjs

pytanie zadane 6 marca 2021 w JavaScript przez ferdynand Obywatel (1,250 p.)

Witam, potrzebuje do podstrony "Rezerwacje" dodac w formularzu kalendarz z godziną.Zależy mi na tym,żeby po wejsciu na stronke, zawsze data była aktualna.Jak zrobic to za pomocą JS , z którym nie mam jeszcze za dużo wspólnego... Pozdrawiam :)

<form>          
        <div class="box">                        
        <label>
        <span>Rezerwacja</span> 
        <input type="datetime" class="kalendarz">
        </label>
        <label class="control-label">                
        <span>Liczba osób</span>
        <input type="number" class="form-control" min="1"/>             
        </label>              
        <label>                 
        <span>Telefon</span>                 
        <input type="text" class="wpis"/>             
        </label>  
        <label>                 
        <span>E-mail</span>                 
        <input type="text" class="wpis"/>             
        </label>
        <label>                 
        <span>Imię i Nazwisko</span>                 
        <input type="text" class="wpis"/>             
        </label>
        <label>                 
        <span>Uwagi...</span>                 
        <textarea class="uwagi" name="uwagi" id="tresc"></textarea>      
        </label>                                                                        
        <input type="button" class="button" value="Wyślij" />             
        </label>                                  
        </div>     
        </form>

1 odpowiedź

odpowiedź 6 marca 2021 przez ScriptyChris Mędrzec (190,190 p.)
wybrane 6 marca 2021 przez ferdynand

Najlepsza

<input type="datetime" class="kalendarz">

Poprawny typ dla inputa z kalendarzem, to date lub datetime-local (kombinacja kalendarza z zegarkiem) - z tego co widzę w specyfikacji, do daty odnoszą się jeszcze week i month. Przeglądarki, które obsługują te typy inputa, pokazują wbudowany (domyślny) widget kalendarza z wybraną aktualną datą. Do podstawowego użycia nie powinieneś potrzebować tutaj JS-a.

komentarz 6 marca 2021 przez ferdynand Obywatel (1,250 p.)

datetime-local jest nie obslugiwane przez firefoksa...

Więc jak to najlepiej zapisać ?

komentarz 6 marca 2021 przez ScriptyChris Mędrzec (190,190 p.)

Hmm, spróbuj kombinacji dwóch inputów: date i time. One - przynajmniej częściowo - są wspierane przez Firefox. W tym przypadku już niestety raczej będziesz musiał złączyć logikę tego w JS.