Question

我找到了一个可爱的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>

Answer 1

我以前使用的另一种方法是在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 Widget

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

然后触发标签的更新。

从jQuery输入框中提取数据

1 个答案: