Ako nastavit tento datepicker

baumax · Napísal **baumax**: 16.03.2017 13:06

pls http://api.jqueryui.com/datepicker/#option-defaultDate
ako mam dat na web to aby som tam mal viditelny hned ten defaultDate = aktualny datum
proste aby to hned nabehlo takto: Ako nastavit tento datepicker

na tej stranke vidim http://api.jqueryui.com/datepicker/#option-defaultDate
ale nepodarilo sa mi to spojazdnit ...
dakujem
cely kod je velmi maly:

Kód:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>datepicker demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
 
<div id="datepicker"></div>
 
<script>
$( "#datepicker" ).datepicker();
</script>
 
</body>
</html>

stenley · Napísal **stenley**: 03.04.2017 16:01

Kód:

<input type="text" value="" id="datepicker" />
<script>
$("#datepicker").datepicker({dateFormat: "mm/dd/yy"});
$("#datepicker").datepicker("setDate", new Date());
</script>

baumax · Napísal autor témy **baumax**: 29.11.2017 23:09

nasiel som krajsi datepicker: https://codepen.io/milz/pen/xbXpWw
pls, je tam presny kod, ale potrboval by som dve upravy, please help:
1. aby som tam mal aktivne len dnesne datumy + datumy v buducnosti
2. aby tam dnesny datum bol zobrazeny ed pridem na danu stranku, aby tam nebolo ciste policko a az po kliknuti na to sa mi zobrazi dnesok
dakujem

chcem len datum, cas nie

- k 1ke som nasiel ze minDate treba pouzit,nieco ako minDate:new Date() ale neviem kde to mam vlozit
- k 2jke som nasiel ze Default: true a malo by tam dat dnesok, ale neviem ako

unset(array[0]) · Napísal **unset(array[0])**: 29.11.2017 23:29

Kód:

{
   format:'YYYY-MM-DD',
   minDate: new Date(),
   default: true,
   icons: {
      time: "fa fa-clock-o",
      date: "fa fa-calendar",
      up: "fa fa-arrow-up",
      down: "fa fa-arrow-down",
}

toto je object, ktory vkladas ako nastavenie do tvojho komponentu.

baumax · Napísal autor témy **baumax**: 30.11.2017 6:30

vdaka, ale kde presne to mam vlozit, tu je script:

Kód:

 $(function () {
   var bindDatePicker = function() {
      $(".date").datetimepicker({
        format:'YYYY-MM-DD',
         icons: {
            time: "fa fa-clock-o",
            date: "fa fa-calendar",
            up: "fa fa-arrow-up",
            down: "fa fa-arrow-down"
         }
      }).find('input:first').on("blur",function () {
         // check if the date is correct. We can accept dd-mm-yyyy and yyyy-mm-dd.
         // update the format if it's yyyy-mm-dd
         var date = parseDate($(this).val());

         if (! isValidDate(date)) {
            //create date based on momentjs (we have that)
            date = moment().format('YYYY-MM-DD');
         }

         $(this).val(date);
      });
   }
   
   var isValidDate = function(value, format) {
      format = format || false;
      // lets parse the date to the best of our knowledge
      if (format) {
         value = parseDate(value);
      }

      var timestamp = Date.parse(value);

      return isNaN(timestamp) == false;
   }
   
   var parseDate = function(value) {
      var m = value.match(/^(\d{1,2})(\/|-)?(\d{1,2})(\/|-)?(\d{4})$/);
      if (m)
         value = m[5] + '-' + ("00" + m[3]).slice(-2) + '-' + ("00" + m[1]).slice(-2);

      return value;
   }
   
   bindDatePicker();
 });

unset(array[0]) · Napísal **unset(array[0])**: 30.11.2017 10:25

Tak poporiadku.
1. Ked pouzijes nejaky datepicker a pytas sa na jeho nastavenie, bolo by viac nez vhodne linknut odkial ho beries (asi si ho nenaprogramoval sam). Uz ale netreba, nasiel som ho.
2. V ukazke hore, ktoru som poslal mas uz doplneny kod. stacilo to skopirovat, vlozit a pouzivat.
3. Tu je v dokumentacii napisane ako na defaultny datum - https://eonasdan.github.io/bootstrap-datetimepicker/Options/#defaultdate

TLDR:
https://codepen.io/anon/pen/ooQyVa

Rada do buducna, skus hladat a pouzivat externe komponenty (ako rozne inputy, datepicker a pod.), ktore nemaju take brutalne zavisle sucasti.
Ak vo svojom projekte nepouzivas Bootstrap a Jquery tak tymto datepickerom si to cele len dobabres a tvoja stranka/appka bude mat hned o niekolko 10kb (odhad, realne to moze byt aj viac) naviac.

Dalsia rada do buducna, era bootstrapu a jquery je uz prec. Skus sa co najrychlejsie naucit Javascript, zaklady HTML, CSS (a ich preprocesor) a vrhni sa na webkomponenty, react alebo vuejs.

Pridavam linky ak by si bol zvedavy:
https://www.webcomponents.org/introduction
https://www.polymer-project.org/ -- zachvilu vyjde verzia 3
https://reactjs.org/

baumax · Napísal autor témy **baumax**: 30.11.2017 11:16

ahoj,
1. adresu odkial mam picker som predsa napisal v mojom prispevku, asi si to prehliadol
2. ja som sa ta pytal na to KAM presne mam do mojho scriptu vlozit Tvoj kod, staci mi napisat ze za riadok napr. $(this).val(date); alebo iny riadok, kam to patri
3. tu dokumentaciu som videl

vdaka za TLDR

unset(array[0]) · Napísal **unset(array[0])**: 30.11.2017 13:46

1. tym, ze odkial ho beries som myslel oficialnu stranku, kde je popisana dokumentacia. z codepen.io sa nedozvies nic.
2. 4 prispevky vyssie si mal kod, kde som ti uz priamo vlozil aj minDate aj default podla toho co si napisal ty. stacilo to skopirovat do svojho zdrojaku.

uzivaj si datepicker. pekny den.

Ako nastavit tento datepicker

Podobné témy