[Resolved] Implement Spinner for Date Picker

[Author]

Posts

[wilfredC]

Yes, you may proceed

[Waqar Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Thank you for the permission.

I'm currently downloading the website's clone using the "Cloudways WordPress Migrator" plugin and will keep you updated with the progress.

[Waqar Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Thank you for waiting, as I performed some tests on your website's clone.

The user form "Upgrade for VIP membership" on your website is different from a regular form because it is set to add a WooCommerce product to the checkout process as well.

For this particular form, you'll need to make the following changes to make this shadow date picker field work:

In the form's field editor, you'll update the existing shadow field code from:

<input type="text" class="shadow-event-date" name="shadow-event-date" value="[types usermeta='date-of-birth' style='text' format='F j, Y' current_user='true'][/types]">

To:

<input type="text" class="shadow-event-date" name="shadow-event-date" value="[types usermeta='date-of-birth' style='text' format='F j, Y' current_user='true'][/types]" required>
<input type="hidden" class="shadow-user-field" name="shadow-user-field" value="[wpv-user field="ID"]" required>

And in the custom PHP code snippet named "dob", you'll replace the existing code with:

add_action( 'cred_success_redirect', 'custom_shadow_dates_func', 10, 3 );
function custom_shadow_dates_func($url, $post_id, $form_data) {

    if ($form_data['id']==106337) {
        $date = new DateTime($_POST['shadow-event-date']);
        $date_timestamp = $date->getTimestamp();
        update_user_meta($_POST['shadow-user-field'], 'wpcf-date-of-birth', $date_timestamp);
    }
    return $url;
}

Note: I created a test user with the "Customer" user role and logged in as that user to test this and confirm that these changes work.

[wilfredC]

I got this after I apply your code, the field is a text input field, I also tried to change the type to date and it unable to update the dob field data.

[Waqar Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

I don't see the changes that I suggested in my last reply on the staging website, now.

Screenshot from the form field editor:
hidden link

Screenshot from the code snippet editor:
hidden link

Can you please apply those changes again, test the form and if it doesn't work, let me know, keeping the changes intact?

[wilfredC]

My issue is resolved now. Thank you!
Last week we migrate the site to another hosting server. The date choosing option shows the date data much faster.