禁用剃刀页面日期类型中的过去日期，minDate 不起作用

Question

我想在 razor 页面中禁用日历的过去日期。我给了 minDate 选项。它不起作用。过去的日期仍然可用。

<input id="DateRequestDeadLine" asp-for="RequestFormMaster.RequestDeadLine" type="date" class="form-control form-control-sm"/>
    
  $( "#DateRequestDeadLine" ).datepicker({
         minDate: 0
     });

任何帮助将不胜感激。 谢谢， 青少年

解决方案**** ******

刚刚通过 javascript 添加了 min 属性。 下面的代码将在今天增加 5 天。并确保 min 属性为 'yyyy-mm-dd' 格式。

var endDate = "", noOfDaysToAdd = 5, count = 0;
                while (count < noOfDaysToAdd) {
                    endDate = new Date(startDate.setDate(startDate.getDate() + 1));
                    if (endDate.getDay() != 0 && endDate.getDay() != 6) {
                        //Date.getDay() gives weekday starting from 0(Sunday) to 6(Saturday)
                        count++;
                    }
                }

                var dd = String(endDate.getDate()).padStart(2, '0');
                var mm = String(endDate.getMonth() + 1).padStart(2, '0'); //January is 0!
                var yyyy = endDate.getFullYear();
                endDate = dd + '/' + mm + '/' + yyyy;
                var minDate = yyyy + '-' + mm + '-' + dd;
                
                document.getElementById("DateRequestDeadLine").style.display = "block";
                document.getElementById("DateRequestDeadLine").min = minDate;

谢谢，蒂娜

Answer 1

也许您可以尝试更改您的日期选择器引用。这是一个工作演示：

cshtml:

<input id="DateRequestDeadLine" asp-for="RequestFormMaster.RequestDeadLine" type="date" class="form-control form-control-sm" />
@section Scripts
{
    <link href='https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/jquery-ui.css'
          rel='stylesheet'>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
    </script>

    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js">
    </script>
<script>
    $(function () {
    $("#DateRequestDeadLine").datepicker({
        minDate: 0
    });
})
</script>
} 

cshtml.cs:

public class xxxModel : PageModel
{
   
    [BindProperty]
    public RequestFormMaster RequestFormMaster { get; set; }

    public IActionResult OnGet()
    {
        
        return Page();
    }
    
}

public class RequestFormMaster {
    public DateTime RequestDeadLine { get; set; }
}

结果：