在 asp.net 文本框中导入 Jquery 日期值失败

Posted 2023-05-09

【中文标题】在 asp.net 文本框中导入 Jquery 日期值失败

【英文标题】：Failed to import Jquery date value in asp.net text box

【发布时间】：2015-01-23 05:25:39

【问题描述】：

我在 asp.net 网络表单上创建了一个 jquery 组件，它是一个日期选择器，在视图状态下我可以选择我的日期，但我未能将我的日期导出到我的文本框中。 下面是我包含的组件的代码“date-time-picker.inc”

link rel="stylesheet" type="text/css" href="datetimepicker/jquery.datetimepicker.css"/ >

      <script src="datetimepicker/jquery.datetimepicker.js"></script>
      <input id="datetimepicker1" type="text" />
      <script type="text/javascript">
          jQuery('#datetimepicker1').datetimepicker(
              lang: 'en',
              i18n: 
                  en: 
                      months: [
                     'January', 'February', 'March', 'April',
                     'May', 'June', 'July', 'August',
                     'September', 'October', 'November', 'December',
                         ],
                      dayOfWeek: [
                      "Su.", "Mo", "Tu", "We",
                      "Th", "Fr", "Sa.",
                        ]

                        
                          ,
              timepicker: false,
              format: 'd-m-Y',
              maxDate: '-1970/01/01',
              defaultDate:'true',
              defaultSelect:'true',
              startDate: new Date()

          );

这是我的aspx页面的样子

  <label><img src="images1/datetime.jpg" /></label>
            <% 
                Response.WriteFile("components/date-time-picker.inc");
            %>
            <asp:TextBox ID="txtDate" runat="server" ReadOnly = "true"></asp:TextBox>

我尝试将我的文本框 ID 放入 JQuery("[id$=txtDate]").datetimepicker 但我的组件被禁用。任何人都可以帮助我，这是将值从 jquery 导出到 asp.net 文本框的最佳方法，以便我可以进一步处理它。提前致谢。

【问题讨论】：

我看到了 2 个输入字段，txtDate 和 datetimepicker1。如果您选择一个日期，它会显示在datetimepicker1 字段中吗？如果是这样，为什么要将其设置为txtDate？您可以将 datetimepicker1 设置为 ASP.NET 文本框，以捕获代码隐藏中的值。

@VDesign 知道怎么做吗？

【参考方案1】：

作为 ASP.NET 控件的输入元素：

改变这个：

<input id="datetimepicker1" type="text" />

进入这个：

<asp:TextBox ID="datetimepicker1" runat="server"></asp:TextBox>

然后你的 JS 代码（选择器可能有多种方式）：

这里我要求获取 ID 以 $= datetimepicker1 结尾的输入元素，因为如果您使用母版页，则会有一个前缀。

    jQuery('input[id$=datetimepicker1]').datetimepicker(
       // code

    );