DatePicker – dva na sobě závislé inputy

před 6 lety
iru
Člen | 110
+
-1
-

Mám ve formuláři dva inputy DatePicker s datem. A potřebuji, aby když uživatel vybere první datum, aby se to druhé automaticky nastavilo na +1 den od toho vybraného. Hledala jsem nějaké podobné řešení s DatePicker, kde bych se inspirovala, ale nic se mi nepodařilo najít. Můžete mě prosím navést, jak to udělat? Děkuji moc.

před 6 lety
japlavaren
Člen | 404
+
0
-

najlepsie cez jquery pri change jedneho nastavit value druhemu. a ak to musi byt podmienka tak v Form::onvalidate testovat ci maju rozdiel datumov jeden den

pomohlo, alebo potrebujes viac info?

před 6 lety
iru
Člen | 110
+
0
-

Mohl by být nějaký příklad? Moc děkuji.

japlavaren napsal(a):

najlepsie cez jquery pri change jedneho nastavit value druhemu. a ak to musi byt podmienka tak v Form::onvalidate testovat ci maju rozdiel datumov jeden den

pomohlo, alebo potrebujes viac info?

před 6 lety
andros
Člen | 145
+
+1
-

Zkoušela jsi http://www.daterangepicker.com/ ? Tam jde nastavit poměrně hodně věcí.

před 6 lety
iru
Člen | 110
+
0
-

andros napsal(a):

Zkoušela jsi http://www.daterangepicker.com/ ? Tam jde nastavit poměrně hodně věcí.

To vypadá hezky, jen já bych potřebovala ty inputy dva samostatný, každý s jedním kalendářem.

před 6 lety
andros
Člen | 145
+
0
-

iru napsal(a):

andros napsal(a):

Zkoušela jsi http://www.daterangepicker.com/ ? Tam jde nastavit poměrně hodně věcí.

To vypadá hezky, jen já bych potřebovala ty inputy dva samostatný, každý s jedním kalendářem.

Jak jsem se tak zběžně díval na dokumentaci, tak by to jít mělo. Něco jako:

<input type="text" name="birthday" value="10/24/1984" />
<input type="text" name="date2"  />

<script>
$(function() {
  $('input[name="birthday"]').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true
  }, function(start, end, label) {

    var new_date = moment(start).add('days', 1).format('MM/DD/YYYY');
    $('input[name="date2"]').val(new_date);
  });
});
</script>

Demo: https://jsfiddle.net/q67vzbyj/

Určitě to půjde napsat i lépe, dělal jsem to opravdu v rychlosti, moc jsem nad tím nepřemýšlel.

Editoval andros (26. 2. 2019 14:39)

před 6 lety
iru
Člen | 110
+
0
-

andros napsal(a):

iru napsal(a):

andros napsal(a):

Zkoušela jsi http://www.daterangepicker.com/ ? Tam jde nastavit poměrně hodně věcí.

To vypadá hezky, jen já bych potřebovala ty inputy dva samostatný, každý s jedním kalendářem.

Jak jsem se tak zběžně díval na dokumentaci, tak by to jít mělo. Něco jako:

<input type="text" name="birthday" value="10/24/1984" />
<input type="text" name="date2"  />

<script>
$(function() {
  $('input[name="birthday"]').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true
  }, function(start, end, label) {

    var new_date = moment(start).add('days', 1).format('MM/DD/YYYY');
    $('input[name="date2"]').val(new_date);
  });
});
</script>

Demo: https://jsfiddle.net/q67vzbyj/

Určitě to půjde napsat i lépe, dělal jsem to opravdu v rychlosti, moc jsem nad tím nepřemýšlel.

Děkuji, moc mi to pomohlo. Jasný jednoduchý příklad, pochopila jsem princip, děkuji. Já jsem si tam té možnosti toho jednoho kalendáře nevšimla.