如何使用javascript日历控件填充两个文本框?

如何使用javascript日历控件填充两个文本框?,javascript,calendar,Javascript,Calendar,我需要使用日历控件同时在两个文本框中填充日期时间值。与在客户端单击calendar控件一样,该控件中的选定日期应显示在为“开始日期”定义的相应文本框中。还有一个文本框称为enddate,在客户端单击时也必须填充相同的值。是否有任何第三方javascript文件来处理此场景以填充两个文本框。请帮我解决这个问题?将这个添加到您的页面中 <script language="JavaScript" src="calendardel.js"></script> 您可以使用第一个输

我需要使用日历控件同时在两个文本框中填充日期时间值。与在客户端单击calendar控件一样,该控件中的选定日期应显示在为“开始日期”定义的相应文本框中。还有一个文本框称为enddate,在客户端单击时也必须填充相同的值。是否有任何第三方javascript文件来处理此场景以填充两个文本框。请帮我解决这个问题?

将这个添加到您的页面中

<script language="JavaScript" src="calendardel.js"></script>

您可以使用第一个输入的OnChange事件

<script type="text/javascript">
    function Text1OnChange() {
        document.getElementById("Text2").value = document.getElementById("Text1").value;
    }
</script>
<input id="Text1" type="text" onchange="Text1OnChange()"/>
<input id="Text2" type="text" />
其他方式:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

<script type="text/javascript">
    document.getElementById("<%= TextBox1.ClientID  %>").onchange = function () {
        document.getElementById("<%= TextBox2.ClientID  %>").value = document.getElementById("<%= TextBox1.ClientID  %>").value;
    }
</script>

到目前为止你尝试了什么?请也发布您的代码。您是否已经在使用日期选取器控件,或者是否希望使用支持您所要求的功能的建议控件?不,我没有使用日期选取器控件。我正在使用第三方javascript calendar-setup.jsis。。。但是我需要为两个文本框填充相同的内容。对于单个文本框,它工作得很好。我需要将两个文本框id作为参数发送到javascript函数。我如何实现这一点?必须在javascript中进行哪些修改?请再次使用HTML代码和脚本代码来创建另一个具有不同id的文本框。tks,这很好。。这是我以前吃过的。我需要的是两个html输入,比如文本框和一个脚本代码。就像我单击日历图像[javascript]一样,在特定的客户端上单击它本身,我需要在两个文本框中填充相同的值。单击事件时,我需要传递两个id作为参数,并将两个文本框放在同一事件上。是否清楚?我如何处理这个问题?好的,再给你一个解决方案。你可以使用两个文本框,只为一个文本框使用脚本,并在第二个文本框的onclick事件上调用一个简单的javascript函数。然后在该函数中为Ex:-函数fun{document.getElementById'field1'。value=document.getElementById'field2'。value;}也许这对你有用。谢谢,但你还是不明白我要说什么。。我需要在日历控件上单击自己来执行此操作。非常感谢…但是我需要对aspx控件执行相同的操作,例如。我在ontextchanged evnet中提到了相同的代码,但它不起作用。这样对吗?如果没有回邮,我怎么能做一次。
var cal1= new calendardel(document.forms['formname'].elements['dat']);
    cal1.year_scroll = true;
    cal1.time_comp = false;
<script type="text/javascript">
    function Text1OnChange() {
        document.getElementById("Text2").value = document.getElementById("Text1").value;
    }
</script>
<input id="Text1" type="text" onchange="Text1OnChange()"/>
<input id="Text2" type="text" />
<script type="text/javascript">
    function <%= TextBox1.ClientID  %>OnChange() {
        document.getElementById("<%= TextBox2.ClientID  %>").value = document.getElementById("<%= TextBox1.ClientID  %>").value;
    }
</script>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
protected void Page_Load(object sender, EventArgs e)
{
    TextBox1.Attributes.Add("onchange", TextBox1.ClientID + "OnChange();");
}
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

<script type="text/javascript">
    document.getElementById("<%= TextBox1.ClientID  %>").onchange = function () {
        document.getElementById("<%= TextBox2.ClientID  %>").value = document.getElementById("<%= TextBox1.ClientID  %>").value;
    }
</script>