Hide Date Field in Power Portal Web Form

[Anonymous]

Hey, I was configuring a way to hide a field and it worked on text field, however when I applied that to date field it didn't work. I've tried the usual hide and the one that destroys the datepicker but still none of them works. Is there any way to do that? Thank you in advance!

The snippets I've tried:

$(function () {
 $( "#cr898_AvaibilityDate").closest("td").hide();
});

and this 

$(function () {
    var $ava = $("#cr898_Availibility");
    $( "#cr898_AvaibilityDate" ).datepicker();
    $ava.change(function () {
        if ($ava.val() === "385140002") { // use actual option set value for 'Other...'
            $("#cr898_AvaibilityDate").prop("readonly", false);
        } else {
            $( "#cr898_AvaibilityDate" ).datepicker( "destroy" );
            $( "#cr898_AvaibilityDate" ).hide();
        }
    }).change();
});

[OliverRodrigues · Accepted solution]

Hi

where are you placing your JS? did you put it within a $(document).ready statement?

make sure to add 

this is the code I normally use for hiding fields, but your one should also work

$(document).ready(function(){

    $("#birthdate").closest("td").find("div.control, div.info").hide(); // show();
});

for this kind of logic I normally like adding the JS against my entity form / web form step

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

[Anonymous]

Thank you, @OliverRodrigues   I've tried this but it still doesn't work. Did I miss something?

[justinburch]

Hi @Anonymous,

Just to be safe here, you have #cr898_Availability and #cr898_AvaibilityDate - should it be #cr898_AvailabilityDate? If that's actually the schema, then no worries.