javascript - JQuery DatePicker 多输入

Question

使用 JQuery 和 ASP.Net C#3.0。

我有以下脚本:

<script>
  $(document).ready(function () {
      $("[id$=txtHiddenDate]").datepicker({
          showOn: "button",
          buttonImage: "../../images/calendar-icon.gif",
          buttonImageOnly: true
      });
  });
</script>

日、月、年有 3 个单独的字段。(txtDay、txtMonth、txtYear)如何将日期返回到这 3 个单独的字段？

非常感谢!

编辑:我也想保留隐藏字段

Answer 1

HTML

设置其他输入来保存日期片段。您可能想隐藏它们。

<input id="picker"/><br>
Day:
<input id="day"/><br>
Month:
<input id="month"/><br>
Year:
<input id="year"/>

Javascript

指定一个 onSelect 函数，该函数解析日期的不同部分并将它们分配给相应的输入。

 $(document).ready(function () {
      $("#picker").datepicker({
          showOn: "button",
          buttonImage: "../../images/calendar-icon.gif",
          buttonImageOnly: true,
          onSelect: function(strDate){
             var tokens = strDate.split("/");
              $("#day").val(tokens[1]);
              $("#month").val(tokens[0]);
              $("#year").val(tokens[2]);

          }
      });
  });

JS fiddle : http://jsfiddle.net/9Ww8g/