Javascript-循环使用日期选择器并设置日期

Javascript-循环使用日期选择器并设置日期,javascript,Javascript,我一点都不懂Javascript。我有一个表单,其中可以有任意数量的datepicker文本框。当用户在第一个datepicker文本框中选择日期时,我希望所有剩余的datepicker文本框都具有相同的日期 这需要一个函数吗 编辑:我试图创建一个函数,但我根本不懂javascript function UpdateValuationDates(event) { $valuationDatePicker = $(event.target); var v

我一点都不懂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"

借助html的
input type=date
和一些基本类的知识,您可以做到这一点。。考虑到您有以下日期选择器:

<input type="date" class="dateTime">
<input type="date" class="dateTime">
<input type="date" class="dateTime">
当发生更改时,获取更改的值并将所有其他日期选择器设置为该新值:

$(".dateTime").val($(this).val());
所以会是这样的:

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


编辑:考虑到您是JavaScript新手,下面是我如何通过
.className
获得对所有这些元素的引用,因为它们对于每个事件都具有相同的类名(更改、更新值)它们都将被引用。

纯代码编写请求与堆栈溢出无关——我们希望这里的问题与特定的编程问题相关——但我们很乐意帮助您自己编写!告诉我们,你被困在哪里了。这也将帮助我们更好地回答您的问题。谢谢-我添加了更多的细节,我正在尝试一些不同的事情。日期选取器以某种方式重复(即html中只有一个日期选取器)是否重要:html中没有日期选取器的类名这项工作:$(“#dateValuationDate”)。on(“更改”,函数(){$(“#dateValuationDate”).val($(this.val());});好的,我现在正在使用它,但是当我在任何日期选择器中选择一个日期时,都不会发生任何事情,这段代码需要转到哪里:$(“.textbox datepicker”).on(“change”,function(){$(“.dateTime”).val($(this.val());});它起作用了!但是页面上还有其他“.textbox datepicker”(过期日期、开始日期),它也改变了所有这些!无论如何,要更改这些,可以使用id:id=“dateValuationDate”
$(document).ready(function(){
    $(".dateTime").on("change", function(){
        $(".dateTime").val($(this).val());
    });
});