Question

I am using a datepick() function to add a calendar to date inputs. This works fine UNLESS the id of the input is named with a dot. I need the dot since this is a very dynamic form and I will never know the number of sessionStartDate(s) in the form.

What am I missing?

function addDatePick(){
$('#evntSes1.sessionStartDate').datepick();
$('#evntSes2.sessionStartDate').datepick();  
}
<select id="evntSes1.sessionTypeID" name="evntSes1.sessionTypeID">
<select id="evntSes2.sessionTypeID" name="evntSes2.sessionTypeID">

Thanks for any suggestions

Answer 1

use two backslashes before dot:

function addDatePick(){
$('#evntSes1\\.sessionStartDate').datepick();
$('#evntSes2\\.sessionStartDate').datepick();  
}
<select id="evntSes1.sessionTypeID" name="evntSes1.sessionTypeID">
<select id="evntSes2.sessionTypeID" name="evntSes2.sessionTypeID">