I like to change output field type to input type when i click on date picker of date field.

  • What you have tried so far? Where did you get stuck? Please edit your question and add those details to it. Jul 5 '19 at 3:13

Create an input field, and us the disabled attribute based on your date change. this will basically give you output like field properties, without the bloat.

For the date, use the ui:inputDate component with the native date picker, and add a value change handler to retrieve date value change on the input field. This sample will bind the date value to a value change handler.

    <aura:attribute name="myDate" type="Date" />
    <!-- Value change handler -->
    <aura:handler name="change" value="{!v.myDate}" action="{!c.handleDateChange}"/>

    <ui:inputDate aura:id="mySelectedDate" 
                  label="Select a date" displayDatePicker="true" 

Now that you have selected a date, and can handle an action. Suppose you want to make another input field disabled use the code below.

lightning:input disabled="{!v.disabledByDateChange}" value="initial value" label="Disabled text field with a predefined value" />

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.