Question

我已经从网站http://www.aspdotnet-suresh.com/2012/04/jquery-dropdownlist-selection-for.html复制了此代码并且没有向我显示所需的输出，我对此很天真但是文本框下方的日历不可见，应根据代码。

 <!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<title>jQuery UI Datepicker - Default functionality</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>
<script type="text/javascript">
$(function () {
    $("#txtDate").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1970:2012'
    });
});
</script>
<style type="text/css">
.ui-datepicker { font-size:8pt !important}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="demo">
<b>Date:</b> <asp:TextBox ID="txtDate" runat="server"/>
</div>
</form>
</body>
</html>

Answer 1

您还可以使用Ajax日历扩展程序设置日历..

<asp:CalendarExtender ID="txtDate_CalendarExtender" runat="server" 
Enabled="True" TargetControlID="txtDate" Format="dd/MMM/yyyy">
</asp:CalendarExtender>

Answer 2

根据您的第一个声明，您复制了代码，因此检查您的应用程序是否包含js文件夹

Answer 3

确保您的网站项目包含项目中的参考文件

css / ui-lightness / jquery-ui-1.8.19.custom.css
JS / jQuery的1.7.2.min.js
JS / jquery的-UI-1.8.19.custom.min.js

如果没有，您可以从jquery网站下载相同内容并在项目中包含相同内容或提供参考文件的http路径

为什么它没有在文本框下显示我的日历

3 个答案: