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

本文关键字：显示 日历 文本 为什么 | 更新日期: 2023-09-27 17:59:13

我从网站上复制了这段代码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>

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

您还可以使用ajax日历扩展程序设置日历。。

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

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

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

  1. css/ui亮度/jquery-ui-1.8.19.custom.css
  2. js/jquery-1.7.2.min.js

  3. js/jquery-ui-1.8.19.custom.min.js

如果没有，你可以从jquery网站下载相同的内容，并将其包含在你的项目中，或者为参考文件

提供http路径
相关文章：