javascript - 尝试加载 HTML5 输入类型=日期元素的 ASP 文本框

Question

我正在尝试使用新的 HTML5 输入 type=date 来加载 asp:textbox 以及日期值。我要么什么也没得到(空标签)，要么得到(System.Web.UI.WebControls.TextBox)。我正在尝试使用 HTML5 日期输入类型。不知道问题是出在我的javascript还是出在哪里。 用户将: 1. 通过 html5 日期选择器选择他们的生日。 2.用户点击提交按钮 3. 日期选择器在什么时候失去焦点 4. javascript 函数“onblur”应该启动 5. asp:textbox "tbDOB"应该加载日期 6. 该日期被发送回服务器。
7. 此时，出于验证目的，日期应更新 lblDateReturn 标签。

谢谢 苏格

       <div id="dpDOB">
            <asp:TextBox ID="tbDOB" runat="server"></asp:TextBox><br />
            <input type="date" id="dpDatePicker" onblur="blurFunction()" required /><br />
            <asp:Button ID="btnDOB" runat="server" Text="Submit" OnClick="btnDOB_Click()" /><br/>
            <asp:Label ID="lblDateReturn" runat="server" Text=""></asp:Label>                
        </div> 


 function blurFunction()
 {
    var dateofBirth = document.getElementById("tbDOB"); //asp.net textbox
    var datepicker = document.getElementById("dbDatePicker"); 
    dateofBirth.value = datepicker.value; // Trying to load the asp.net textbox with the date
    alert("Date Picker lost focus");
 }

    protected void btnDOB_Click(object sender, EventArgs e)
    {
        //lblDateReturn.Text = tbDOB.Text; blank lable
        lblDateReturn.Text = tbDOB.ToString(); //I get back: System.Web.UI.WebControls.TextBox
    }

Answer 1

将 blurFunction() 中的第一行更改为以下行:

var dateofBirth = document.getElementById("<%=tbDOB.ClientID%>");