如何将datetimepicker选中值存入asp.net webform的HiddenField隐藏域

• 你使用的Bootstrap DateTimePicker控件提供了dp.change事件，会在用户选择日期时触发，监听该事件后把选中的日期赋值给隐藏域即可完成需求。
• ASP.NET服务器控件默认会自动生成客户端ID，对应有两种实现方案：

方案1：使用服务端ClientID表达式（适配JS写在.aspx页面内的场景） #

直接修改你的JS代码如下：

<script type="text/javascript">
    $(function () {
        $('#calendar').datetimepicker({
            format: 'L',
            inline: true
        }).on('dp.change', function(e) {
            // 把格式化后的选中日期赋值给隐藏域
            $('#<%= HiddenField1.ClientID %>').val(e.date.format('L'));
        });
    });
</script>

方案2：固定隐藏域客户端ID（适配JS写在外部独立文件的场景） #

先修改HiddenField控件代码，添加ClientIDMode="Static"属性固定客户端ID：

<asp:HiddenField ID="HiddenField1" runat="server" ClientIDMode="Static" />

再修改JS代码如下：

<script type="text/javascript">
    $(function () {
        $('#calendar').datetimepicker({
            format: 'L',
            inline: true
        }).on('dp.change', function(e) {
            $('#HiddenField1').val(e.date.format('L'));
        });
    });
</script>

• 两种方案配置完成后，都可以直接在后台代码中通过HiddenField1.Value获取到用户选中的日期值。

内容的提问来源于stack exchange，提问作者Tahmed