Question

当我导航到下面的文件（datepicker.jsp）时，会显示datepicker并按预期工作。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
@import "./jquery.datepick.package-4.0.4/jquery.datepick.css";
</style>
<script type="text/javascript" src="./jquery.datepick.package-4.0.4/jquery-1.4.4.js"></script>
<script type="text/javascript" src="./jquery.datepick.package-4.0.4/jquery.datepick.js"></script>
<script type="text/javascript">
$(function() {
    $('#datepicker').datepick();
});

function showDate(date) {
    alert('The date chosen is ' + date);
}
</script>

<title>jQuery Datepicker</title>
</head>
<body>
 <p>A popup datepicker <input type="text" id="datepicker"></p>


</body>
</html>

然而，当我将页面嵌入到这样的标签中时 -

<s:div id="three" label="Add" href="/Dates/datepicker.jsp">
</s:div>

不显示日期选择器弹出窗口。

我是否需要在函数调用中引用div - $（'＃datepicker'）。datepick（）; ？

感谢您的帮助。

确定，

以下是标签的链接 -

<div dojoType="struts:BindDiv" id="two" label="Add" href="/Dates/DatePicker.jsp" showError="true" parseContent="true">
</div>

这是DatePicker.jsp -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
@import "./jquery.datepick.package-4.0.4/jquery.datepick.css";
</style>
<script type="text/javascript" src="./jquery.datepick.package-4.0.4/jquery-1.4.4.js"></script>
<script type="text/javascript" src="./jquery.datepick.package-4.0.4/jquery.datepick.js"></script>
<script type="text/javascript">
$(function() {
    $('#datepicker').datepick();
});

function showDate(date) {
    alert('The date chosen is ' + date);
}
</script>

<title>jQuery Datepicker</title>
</head>

<body>
 <p>A popup datepicker <input type="text" id="datepicker"></p>


</body>
</html>

再次感谢

Answer 1

我已经改为使用谷歌jquery插件，似乎运作良好。

使用div元素引用时，Datepicker不显示

1 个答案: