@{
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var pageObj = new
    {
        valueDate = YLErp.BLL.valuedateBLL.ValueDate.ToString("yyyy-MM-dd"),
        minValueDate = YLErp.BLL.valuedateBLL.ValueDate.AddYears(-3).ToString("yyyy-MM-dd")
    };
}

<div class="yc-panel">
    <h3>日期输入</h3>
    <hr />
    <div>
        <span class="mr-1">&emsp;开始日期：</span>
        <input type="text" class="datepicker" id="startDate" value="@(pageObj.valueDate)" name="StartDate" placeholder="请输入开始日期" autocomplete="off">
        <span class="ml-3 mr-1">结束日期：</span>
        <input type="text" class="datepicker" id="endDate" value="@(pageObj.valueDate)" name="EndDate" placeholder="请输入结束日期" autocomplete="off">
    </div>
</div>

@section JS{
    <script>

        const pageData = @Json.Serialize(pageObj);

        $(function () {

            main.setTradeDatePicker(pageData.valueDate);

            //$(".datepicker").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, showOtherMonths: true, selectOtherMonths: true });

            $("#startDate,#endDate").datepicker("option", "maxDate", pageData.valueDate)
                .datepicker("option", "minDate", pageData.minValueDate);

            $("#startDate").on("change", function () {
                var startDate = $(this).val();
                if (!main.isDate(startDate)) return;
                if ($("#endDate").val() && $("#endDate").val() < startDate) {
                    $("#endDate").val(startDate);
                }
            });

            $("#endDate").on("change", function () {
                var endDate = $(this).val();
                if (!main.isDate(endDate)) return;
                if ($("#startDate").val() && $("#startDate").val() > endDate) {
                    $("#startDate").val(endDate);
                }
            });
        });
    </script>
}