剃刀页面谷歌Chrome默认DataPicker

Question

我使用的是bootstrap4的gijgo datepicker，下面的代码运行良好：

<div id="myDatePicker" class="form-group" style="display: none;">
     <label asp-for="Test.Date" class="control-label">Date</label>
     <input  id="datepicker" width="276"/>
     <span asp-validation-for="Test.Date" class="text-danger"></span>
</div>    

当我添加“asp-for”时，问题就出现了。谷歌默认日期选择器出现，并中断我的日期选择器。

    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:MM/dd/yyyy}")]
    public DateTime ExpiryDate { get; set; }


<div id="myDatePicker" class="form-group" style="display: none;">
     <label asp-for="Test.Date" class="control-label">Date</label>
     <input asp-for="Test.Date" id="datepicker" width="276"/>
     <span asp-validation-for="Test.Date" class="text-danger"></span>
</div>

    $('#datepicker').datepicker({
        uiLibrary: 'bootstrap4',
        format: 'dd/mm/yyyy',
        minDate: Date.now(),
        maxDate: function() {
            var date = new Date();
            date.setDate(date.getDate()+5);
            return new Date(date.getFullYear(), date.getMonth(), date.getDate());
        }
    });

这在Firefox中工作得很好。

Answer 1

我通过更改以下内容来修复它：

<input asp-for="Test.Date" id="datepicker" width="276"/>

至

<input type="text" asp-for="Test.Date" id="datepicker" width="276"/>