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”时出现问题。 Google的默认日期选择器出现并中断我的日期选择器。

    [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"/>

剃刀页Google Chrome默认数据选择器

1 个答案: