如何将日期值从gridview传递给datetimepicker

<!-- 在网格视图的模板列中添加文本框和按钮 -->
<asp:GridView ID="GridView1" runat="server">
    <Columns>
        <asp:TemplateField HeaderText="日期">
            <ItemTemplate>
                <asp:TextBox ID="DateTextBox" runat="server"></asp:TextBox>
                <asp:Button ID="SelectDateButton" runat="server" Text="选择日期" OnClientClick="openDatePicker(this);" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

<script>
    // 点击按钮时打开日期时间选择器
    function openDatePicker(button) {
        // 获取当前行的日期文本框
        var dateTextBox = button.parentNode.querySelector('[id$="DateTextBox"]');
        
        // 获取日期值并设置到日期时间选择器
        var dateValue = dateTextBox.value;
        $(dateTextBox).datepicker("setDate", dateValue);
        
        // 弹出日期时间选择器
        $(dateTextBox).datepicker("show");
    }
</script>