JQUERY UI下的元素Datepicker获取' Clicked'用户单击日历日期时

时间:2015-12-11 14:20:26

标签: javascript jquery jquery-ui jquery-mobile jquery-ui-datepicker

我有一个HTML输入类型=文本,其日期通过JQUERY UI Datepicker选项进行了增强,以便在用户单击输入时弹出日历。当日历弹出时,它会坐下来。在JQUERY MOBILE选择之上。如果用户单击日历中位于select元素正上方的日期,则日历将接受新日期并关闭,但同时打开选择列表以显示选项。换句话说,选择列表会响应用户单击上面的日历时生成的点击。

我需要关掉'当输入字段具有焦点时,单击侦听选择列表。我该怎么做?还是有更好的方法来解决这个问题?

aString = '<input type="text" id="aDate" value="12/10/2015"/>';
aString += '<select name="aSelect" id="aSelectID">';
aString += '<option value="1">1</option>';
aString += '<option value="2">2</option>';
aString += '</select>'
$('#pg1').empty();
$('#pg1').append(aString).enhanceWithin();
$('#aDate').datepicker();

这是相关的片段。该页面显示日期的输入框和输入框下的选择列表。单击日期字段时,将在选择列表上弹出日历。当用户单击恰好覆盖选择列表的日期时,日历将关闭,选择列表将打开。

ETA:使用JQUERY Mobile选择框,当鼠标悬停在框上时,框会改变它的色调。当日历打开时,即使日历在路上,当鼠标悬停在选择框上时,选择框仍会改变颜色。它与JQUERY Mobile有关,而不是&#34;知道&#34; JQUERY UI元素已经弹出JQM元素。

0 个答案:

没有答案