Question

我根本不懂Javascript。我有一个表格，可以有任意数量的datepicker文本框。当用户在第一个datepicker文本框中选择一个日期时，我希望所有剩余的datepicker文本框具有相同的日期。

这是否需要功能？

编辑：我试图创建一个函数，但我根本不懂javascript！

    function UpdateValuationDates(event) {
        $valuationDatePicker = $(event.target);

        var valuationDate = $valuationDatePicker.datepicker("getDate");


        if (valuationDate != null) {
            //loop through all items


            document.getElementById("dateValuationDate").Text
                    $valuationDatePicker.datepicker("setDate", valuationDate);
            $valuationDatePicker.trigger('change');
        }
    }

所以我认为这可以忽略不计。我还读到所选事件上有一个日期选择器：

$(".date").datepicker({
  onSelect: function(dateText) {
    display("Selected date: " + dateText + "; input's current value: " + this.value);
  }
});

所以我想我需要编辑这段代码来填充其余的文本框，但是如何在运行时找出有多少文本框？

HMTL有一个转发器，其日期选择器重复x次：

 <abc:DatePicker runat="server" ID="dateValuationDate"

Answer 1

借助html＆＃39; input type=date和一些基本课程＆＃39;知识，你可以这样做..考虑到你有以下日期选择器：

<input type="date" class="dateTime">
<input type="date" class="dateTime">
<input type="date" class="dateTime">

现在你只需要听取其中任何一个值的变化：

$(".dateTime").on("change", function(){

当更改发生时，获取更改的值并将所有其他日期选择器设置为该新值：

$(".dateTime").val($(this).val());

所以它会是这样的：

$(document).ready(function(){
    $(".dateTime").on("change", function(){
        $(".dateTime").val($(this).val());
    });
});

<强> See the DEMO here

编辑：考虑到您是JavaScript的新手，我们通过.className获取了对所有这些元素的引用，因为它们是都具有相同的类名，因此对于每个事件（更改，更新值），它们都将被引用。

Javascript - 循环播放datepickers并设置日期

1 个答案: