DatePicker – dva na sobě závislé inputy

iru

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.

japlavaren

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?

iru

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?

andros

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

iru

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.

andros

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)

iru

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.