我需要一些帮助。
对于我的一生,我无法弄清楚这一点。我已经把我的头缠在它周围,但无济于事。
我想设置两个功能。
功能:
select_date()
与用户交互以从 jQuery 日期选择器中选择一个日期。如果对话框关闭,则返回 null。然后是第二个功能:
test()
检查日期是否为picked/selected
.
这是我的困境,当函数test()
被执行时,会弹出一个警告框并说"undefined"
这意味着,我永远无法选择一个日期,而且它总是"undefined"
我看不出我在这里做错了什么,一切对我来说似乎都是合乎逻辑的。
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.js"></script>
<script type="text/javascript">
function select_date() {
var sdate
$('#dd').dialog({
autoOpen: true,
modal: true,
overlay: {
opacity: 0.5,
background: 'black'
},
title: "title",
height: 265,
width: 235,
draggable: false,
resizable: false
});
$('#d1').datepicker({
onSelect: function () {
$("#dd").dialog("close");
}
});
return sdate
}
function test() {
var x = select_date()
alert(x)
}
</script>
<style type="text/css">
#d1 {font-size:64%;}
</style>
</head>
<body>
<div id="dd">
<div id="d1">
</div>
</div>
<a href="javascript:test()">test</a>
</body>
</html>