更改 Sql 的 Datepicker 日期格式答案

【问题标题】：Change Datepicker Date Format for Sql更改 Sql 的 Datepicker 日期格式
【发布时间】：2022-07-08 15:28:12
【问题描述】：

https://jsfiddle.net/jquerybyexample/dxbtp/494/

我将此代码用于日期范围，但此输入格式是 MM/dd/yyyy 。我想更改此格式 MM/dd/yyyy 以发送我的数据库。

如果我改变这一行

        var dtFormatted = mm + '/'+ dd + '/'+ y;

到

        var dtFormatted = dd+ '/'+ mm + '/'+ y;

输入标签不能正常工作

【问题讨论】：

标签： javascript c# sql asp.net-core datepicker

【解决方案1】：

这是一个工作演示：

<div>
    <input type="text" id="txtFromDate" />To:
    <input type="text" id="txtToDate" />
</div>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
    <script>
        $('input[id$=txtFromDate]').datepicker({
            dateFormat: 'dd/mm/yy'
        });
        $('input[id$=txtToDate]').datepicker({
            dateFormat: 'dd/mm/yy'
        });
    </script>

结果：

【讨论】：

直到我们为 enndate 选择 startdate 的那一天之前的天数未被禁用。

【解决方案2】：

将dtFormatted设置为字符串，格式如下。

var dtFormatted = "dd/mm/yy";

【讨论】：

【解决方案3】：

我修好了

 <input asp-for="@Model.Reservation.StartDate" type="text" class="datepicker" id="txtFromDate" autocomplete="off" required placeholder="Check In">

<input asp-for="@Model.Reservation.EndDate" type="text" class="datepicker" autocomplete="off" id="txtToDate" required placeholder="Check Out">

<script type="text/javascript">
    
    $(document).ready(function () {
        $('#txtToDate').datepicker({
            dateFormat: "dd/mm/yy"
        });
        $("#txtFromDate").datepicker({
            dateFormat: "dd/mm/yy",
            minDate: new Date(),
            onSelect: function (date) {
                var date1 = $('#txtFromDate').datepicker('getDate');
                var date = new Date(Date.parse(date1));
                date.setDate(date.getDate() + 1);
                var newDate = date.toDateString();
                newDate = new Date(Date.parse(newDate));
                $('#txtToDate').datepicker("option", "minDate", newDate);
            }
        });
    });
</script>

【讨论】：