Question & Answer > View Question

How to get date picker value and add days at the same form

Confluence User - 05 Nov, 2015

Hello Master,

I have one form called form A, in this activity user need to keyin the arrival date using the date picker field. From the arrival date i want to add more 90days as my warranty date(hidden field). Can this be done at the same form? Any advise?

Thanks in advance.

datepicker;date;forms

1

Confluence User •

06 Nov, 2015 •

confluenceUser •

•

confluenceUser •

Hi, u will need to do some javascript for this. By refer to Limit Date Range for "From Date" & "To Date" Date Picker Fields & Javascript API#FormUtil. I wrote the following script for ur reference. U will need to put this script in a Custom HTML field in ur form.

<script>
     $(document).ready(function(){
          var dateField = FormUtil.getField("dateField");
          var hiddenField = FormUtil.getField("hidden");
          var updateDueDate = function (field, selectedDate) {
               console.log($(field));
               console.log($(dateField));
               if ($(field).attr("id") === $(dateField).attr("id")) {
                   var instance = $(field).data( "datepicker" );
                   var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings );
                   date.setDate(date.getDate() + 90);
                   var dateString = $.datepicker.formatDate(instance.settings.dateFormat, date, instance.settings);
                   $(hiddenField).val(dateString);
               }
          };
          $.datepicker.setDefaults({
                onSelect: function( selectedDate ) {
                        updateDueDate(this, selectedDate);
                }
          });
     });
</script>

1

CSV | Excel | XML | PDF

Your answer

Print

How to get date picker value and add days at the same form

1

RELATED QUESTIONS

Your answer

To answer a question you'll need an account.

1.builder-style-c5d12c43-d099-4f91-93c5-828f5215bf80{color:#008C60 !important;}

RELATED QUESTIONS

Your answer.builder-style-7278b41b-bce7-4bc9-9de5-61007d37a4ea{color:#008C60 !important; margin-left:10px !important;}

To answer a question you'll need an account.

1

Your answer