Verified Answers

If an answer to your question is correct, click on "Verify Answer" under the "More" button. The answer will now appear with a checkmark. Please be sure to always mark answers that resolve your issue as verified. Your fellow Community members will appreciate it!  Learn more

  • State Verified Answer
  • Replies replies
    8
  • Subscribers subscribers
    169
  • Views views
    811
  • Users 0 members are here
  • +1 person also asked this people also asked this
Related
Options

Re-enable a disabled Date\Time field in SBM

Mohammad Alsharayri

I have to add some form actions to disable and re-enable a Date\Time field, so when I re-enable a disabled Date\Time field and I find that the calendar picker is not functioning correctly, it's likely due to the JavaScript associated with the date picker not being properly reinitialized after the field is enabled again. It sounds like some of the event handlers or bindings to the calendar picker get lost or don't reattach properly when the field transitions from disabled to enabled.

Any suggestion on re-enabling a Date\Time field without losing calendar picker functionality?


Thanks!

Parents
  • 0  

    I ran into this identical issue a few weeks ago. As a workaround, on the form action where you re-enable the calendar, execute the following javascript:

    ttcalpopupobj = new CalendarPopup()

  • 0 in reply to   

    Thank you, that line didn't work for me. I did a workaround using javascript to hide/show the date-Icon:

    To hide it:

    var dateIcon = document.getElementById(GetFieldByName("DateTime Field Name").id+'cal');
    dateIcon.style.display = 'none';

    and to show it again in another form action I wrote this:

    var dateIcon = document.getElementById(GetFieldByName("DateTime Field Name").id+'cal');
    dateIcon.style.display = 'inline';


    and to prevent the user from changing the value manually I made the field read-only instead of disabling it as the whole issue is with disabling the field, using this code:

    const DateFieldInput = document.getElementById(GetFieldByName("DateTime Field Name").id);
    DateFieldInput .setAttribute('readonly', true);

    and it is working fine with me.

Reply
  • 0 in reply to   

    Thank you, that line didn't work for me. I did a workaround using javascript to hide/show the date-Icon:

    To hide it:

    var dateIcon = document.getElementById(GetFieldByName("DateTime Field Name").id+'cal');
    dateIcon.style.display = 'none';

    and to show it again in another form action I wrote this:

    var dateIcon = document.getElementById(GetFieldByName("DateTime Field Name").id+'cal');
    dateIcon.style.display = 'inline';


    and to prevent the user from changing the value manually I made the field read-only instead of disabling it as the whole issue is with disabling the field, using this code:

    const DateFieldInput = document.getElementById(GetFieldByName("DateTime Field Name").id);
    DateFieldInput .setAttribute('readonly', true);

    and it is working fine with me.

Children
No Data

Resources

Support
Documentation
Learning Services
Partner Programs
Privacy
Compliance
Help
Company
Privacy Policy
Terms of Use
Cookies Preferences
Accessibility
Anti-Slavery Statement
Support
Contact Us
Careers
Code of Business Conduct and Ethics
The opinions expressed above are the personal opinions of the authors, not of OpenText. By using this site, you accept the Terms of Use. Certain versions of content ("Material") accessible here may contain branding from Hewlett-Packard Company (now HP Inc.), Hewlett Packard Enterprise Company, or Micro Focus. As of January 31, 2023, the Material is now offered by OpenText, a separately owned and operated company. Any reference to the HP, Hewlett Packard Enterprise/HPE, and Micro Focus marks is historical in nature and the HP, Hewlett Packard Enterprise/HPE, and Micro Focus marks are the property of their respective owners.