Считать дату из bootstrap -датчика в asp.net

Question

У меня есть asp. NET. NET Framework (формы) проекта, и я использую bootstrap -Datepicker

<div class="border rounded" style="margin-bottom: 20px; border-radius: 2rem!important;">
   <p class="text-center">Birthday</p>
   <div class="form-label-group">

       <div style="margin-left: 23%; width: 52%; border-radius: 1rem!important;" id="txtDate" class="border rounded" runat="server"></div>
   </div>
</div>

Это код для средства выбора даты и это стиль. Теперь в файле .cs я пытаюсь прочитать данные из элемента txtDate.

<script type="text/javascript">
    $(function () {
        $('[id*=txtDate]').datepicker({
            changeMonth: true,
            changeYear: true,
            format: "dd/mm/yyyy",
            language: "tr"
        });
    });
</script>

Answer 1

Вы не можете получить значение DatePicker непосредственно из кода, поскольку код выполняется на стороне клиента.

Однако вы можете сделать это, добавив HiddenField и установить значение этого скрытого поля при обновлении DatePicker:

Поэтому сначала добавьте HiddenField на страницу :

<asp:HiddenField runat="server" ID="hdnDate" />

Затем реализуйте dateChanged событие для DatePicker:

$(function () {

    $('[id*=txtDate]').datepicker({
        changeMonth: true,
        changeYear: true,
        format: "dd/mm/yyyy",
        language: "tr",

    })
    .change(dateChanged)
    .on('changeDate', dateChanged);

    function dateChanged(ev) {
        var dateValue = $('[id*=txtDate]').val();
        $("#<%= hdnDate.ClientID %>").val(dateValue);

    }

});

И скажем, у нас есть кнопка, подобная этой:

 <asp:Button ID="btnTest" Text="text" runat="server" OnClick="btnTest_Click" />

Наконец, вы можете получить доступ к значению даты через скрытое поле, нажав кнопку hdnDate.Value:

protected void btnTest_Click(object sender, EventArgs e)
{
    CultureInfo provider = CultureInfo.InvariantCulture;
    DateTime dateValue = DateTime.ParseExact(hdnDate.Value, "dd/mm/yyyy", provider);
}