AnyTime datepicker在fancybox模式对话框中不起作用

时间:2011-09-12 04:50:42

标签: jquery facebox anytime

下面是我用于Facebox的代码,AnyTime日期选择器http://www.ama3.com/anytime/ DatePicker放置在facebox中时似乎没有显示。我尝试更改AnyTime的z-index,但它不起作用。在正常的jsp页面上弹出AnyTime日期选择器。

请问任何一个请求让我知道可能是什么问题? thanx

<html> 
<head> 


<SCRIPT language="javascript" src="jquery-1.4.4.min.js"></SCRIPT> 


<link href="facebox.css" media="screen" rel="stylesheet" type="text/ 
css"/> 
<script src="facebox.js" type="text/javascript"></script> 


<script> 


jQuery(document).ready(function($) { 
$('a[rel*=facebox]').facebox(); 

}) 


</script> 

<LINK rel="stylesheet" type="text/css" href='anytimec.css' 
title="Style"> 
<SCRIPT language="javascript" src='anytimec.js'></SCRIPT> 


</head> 


<body> 


<a href="#info" rel="facebox">text</a> 


<div id="info" > 


<form id="test"> 
<table> 
<td>Date</td> 
<td><input id="dateText" style="z-index:999;"/> 
<script type="text/javascript">AnyTime.picker( "test:dateText", 
{ format: "%e/%c/%Y", firstDOW: 6 } );</script> 
</td> 
</table> 
</form> 
</div> 


</body> 


</html> 

2 个答案:

答案 0 :(得分:0)

调用picker函数时,它应该是

AnyTime.picker( "dateText", { format: "%e/%c/%Y", firstDOW: 6 } );

这是您要使用的输入元素的id。 AnyTime将显示为弹出窗口。

答案 1 :(得分:0)

AnyTime.picker(“test:dateText”,{format:“%e /%c /%Y”,firstDOW:6});

在上面的代码测试中:dateText是正在生成的JSF字段的id。我注意到当我使用带有jQuery对话框的AnyTime选择器时,关闭按钮消失了,所以我决定使用带有AnyTime选择器的jQuery datepicker。

由于 阿尤布

相关问题