0

我为弹出式日历找到了一些可爱的 jQuery。但是我想使用用户在存储过程中选择的日期。为了让这个例子简单，我如何拉/推这个日期来说标签？

我尝试将标签放入函数中，但没有任何乐趣。

日期显示在 <input type="text" id="datepickerStart" />

但不是...

 <asp:Label ID="lbltest" runat="server" type="text" />

    <meta charset="utf-8" />

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
      $(function () {
          $("#datepickerStart").datepicker({
              showOn: "button",
              buttonImage: "images/calendar.gif",
              buttonImageOnly: true

          });
          $("#datepickerEnd").datepicker({
              showOn: "button",
              buttonImage: "images/calendar.gif",
              buttonImageOnly: true

          });
      });




  </script>
4

1 回答 1

0

我以前使用的另一种方法是在 JavaScript 中将 ID 名称声明为变量，例如：

<script>
      var lbltest = '<%= lbltest.ClientId %>';
      function setLabel (yourDate)
      {
          $("#" + lbltest).text(yourDate);
      }

      $(function () {
          $("#datepickerStart").datepicker({
              showOn: "button",
              buttonImage: "images/calendar.gif",
              buttonImageOnly: true,
              onSelect: setLabel

          });
          $("#datepickerEnd").datepicker({
              showOn: "button",
              buttonImage: "images/calendar.gif",
              buttonImageOnly: true,
              onSelect: setLabel    
          });
      });

</script>

我假设您正在使用来自 jQueryUI 的 Datepicker 小部件

如您所见，“onSelect”属性定义了当用户选择日期时应该调用哪个函数。

然后触发标签的更新。

于 2013-05-13T13:51:24.227 回答