Having an issue with the date picker not opening in Chrome and Safari when clicking on the button. The calendar image is set as the background of the button. Here's the code snippet:
HTML:
<input type="button" id="startdate" src="../images/Calendar.png" class="actions-edit-task task-exp-callendar">
JQuery:
$('#startdate').datepick({
onSelect : showStartDate
});
function showStartDate(dates) {
var sdate = dates[0];
taskStartDate = new Date(sdate.toDateString() + " " + $('#hourselector').val() + ":" + $('#minutselector').val() + " " + $('#ampmselector').text()).getTime();
}
CSS:
.actions-edit-task{
float: left;
padding: 5px;
margin: 5px 5px 0 5px;
}
.task-exp-callendar{
height: 20px;
width: 20px;
background-image: url('../images/Calendar.png');
}
Your assistance is greatly appreciated.