ASP.net 中的弹出式日历答案

【问题标题】：POPUP calendar in ASP.netASP.net 中的弹出式日历
【发布时间】：2019-03-18 07:30:21
【问题描述】：

所以我想要做的是使用 datepicker 通过文本框制作一个弹出日历。我面临的问题是日历根本没有弹出。

下面是我的代码：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

        <script  type ="text/javascript" >
            //   <script type="text/javascript" language="javascript">
            $(function () {
                //initialise the datepicker with the date format specified
                $(".datepicker").datepicker();

        </script>

下一个：

 <input id="txtSche1" type="text"  CssClass="datepicker" readonly="readonly"/>

【问题讨论】：

检查浏览器开发者控制台中的任何 JavaScript 错误。
将CssClass 更改为class。 CssClass 是一个 aspnet 控件属性。
CssClass 属性属性仅可用于服务器控件。对于标准输入，应使用class 属性。
已经将 cssClass 更改为 class。结果保持不变。弹出式日历仍然无法正常工作
将jquery-1.x.x.js 脚本标签放在jquery-ui.js 脚本之前的顶部。 jQuery 库必须在控制 datepicker 的 UI 脚本之前加载。

标签： javascript asp.net vb.net

【解决方案1】：

所以我尝试了其他方法，但这次我使用的是图像按钮并且它有效

   $(function () {
        $("[id$=txtSche1]").datepicker({
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: '../images/PopUpSmallCalendar.gif',

        });
    });

我还从文本输入中删除了类

<input id="txtSche1" type="text" readonly="readonly"/>

【讨论】：