Tell us what you are trying to do?
Use the datepicker for it's intended purpose.
Is there a similar example that we can see?
Yes, it works on every other form I've made.
What is the link to your site?
Links to specific pages can be provided in PM.
Basically, the datepicker is not loading on one of my forms and for the life of me I can't figure out why.
The form is a new content form for a variation of the messaging system you guys have built and has been mentioned in this previous ticket:
https://toolset.com/forums/topic/second-cred-form-view-in-bootstrap-modals-not-loading/
The reply form is a copy of the new form with some modifications, but the datepicker works perfectly on the new form and won't on the reply form. Both forms load in modals, as discussed in the above thread. There is no custom jQuery at work, no errors in the console, nothing. I've tried the generic field as well as the custom field and neither will load but both work in the other form. Here is the form code:
[credform]
[cred_field field='form_messages' class='alert alert-warning']
<div class="form-group">
<label for="%%FORM_ID%%_communication-subject">[cred_i18n name='communication-subject-label']Subject[/cred_i18n]</label>
[cred_field field='post_title' post='communication' value='Re: [wpv-post-title]' urlparam='' class='form-control' output='bootstrap']
</div>
<div class="form-group">
<label for="%%FORM_ID%%_communication-due-date">[cred_i18n name='communication-due-date-label']Due Date[/cred_i18n]</label>
[cred_field field='communication-due-date' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="row">
<div class="col-md-6">
<label for="%%FORM_ID%%_communication-status">[cred_i18n name='communication-status-label']Status[/cred_i18n]</label>
[cred_field field='communication-status' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="col-md-6">
<label for="%%FORM_ID%%_communication-assigned">[cred_i18n name='communication-assigned-label']Assigned To[/cred_i18n]</label>
[cred_field field='communication-assigned' force_type='field' class='form-control' output='bootstrap']
</div>
</div>
<div class="form-group">
[cred_generic_field field='wpcf-communication-first-message-id' type='hidden' class='' urlparam='']
{
"required":0,
"validate_format":0,
"persist":1,
"default":"[types field='communication-first-message-id']"
}
[/cred_generic_field]
</div>
<div class="form-group">
<label for="%%FORM_ID%%_communication-message">[cred_i18n name='communication-message-label']Message[/cred_i18n]</label>
[cred_field field='communication-message' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="form-group">
[cred_field field='communication-send-to-parent' force_type='field' class='form-check-input' output='bootstrap']
</div>
<div class="hide">
[cred_field field='[message_relationship_field_parameter]' class='form-control' output='bootstrap' value='[wpv-post-id id="$current_page"]' select_text='--- not set ---' required='false']
</div>
<div class="row">
<div class="col-md-6">
[cred_field field='form_submit' output='bootstrap' value='Save' class='btn btn-primary btn-lg btn-block']
</div>
<div class="col-md-6">
<button type="button" class="btn btn-secondary btn-lg btn-block" data-dismiss="modal">Cancel</button>
</div>
</div>
[/credform]
The implementation of the datepicker field:
[cred_field field='communication-due-date' force_type='field' class='form-control' output='bootstrap']
is identical to the way it's used on the other form, but clicking in it has zero effect.
The site is running Hello Elementor and the Toolset plugins, that's it, and switching themes makes no difference.
Oh, and this might be unrelated, but there was one other slight issue with this form, which, to reiterate, is a copy of a fully working form. The message field is a textarea, but it would only load as a single line visually, despite it working perfectly well elsewhere. I had to add this line of CSS to force it back to it's normal size:
.textarea.form-control {
height: auto !important;
}
Like I said, I don't think it's related, but it is a weird coincidence.
Could someone please help?
