I have run into an issue I cannot figure out.
The situation is I have a Channel Form that has a bunch of Grid field types on with a date field. The issue is I would like to use this (datedropper) JS datepicker for each date field inside the grid. I am able to get it to fire if the page loads with an existing row but if I click to add a row the date dropdown will not fire.
I have tried every variation of include_assets/include_jquery/datepicker
in the parameters.
Here is the sample code:
<link href="{path='css/_ee_channel_form_css'}" type="text/css" rel="stylesheet" media="screen">
<script
src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
crossorigin="anonymous"></script>
{exp:channel:form channel="members" author_id="CURRENT_USER" limit="1" return="profile/{segment_2}" url_title="id{snp_member_username}"}
{field:standard_grid_field_with_date_inside}
{/exp:channel:form}
<script src="assets/script/datedropper.pro.min.js"></script>
<script>
$(document).ready(function(){
$( "input[rel='date-picker']" ).addClass("datedropper");
$( "input[rel='date-picker']" ).addClass("datedropper-init");
$( "input[rel='date-picker']" ).attr("data-dd-theme", "tallypop-datedropper");
$( "input[rel='date-picker']" ).attr("data-dd-event-selector", "click");
});
</script>
<script>
$(document).ready(function(){
$('.datedropper').dateDropper({
eventSelector:'click',
large: true
});
});
</script>
Any direction would be huge!
EDIT: I should've given my EE build. Here it is: 5.2.2