如何在选择日期时进行自动日期选择

Question

我有两个类似于 HolidayDate 的字段，如下所示，

 [Required]
 [DataType(DataType.Date)] 
 [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
 [DisplayName(Constants.DisplayName.HolidayDate)]
  public virtual DateTime HolidayDate { get; set; }

 [StringLength(50)]
 [DisplayName(Constants.DisplayName.HolidayDay)]
 public virtual string HolidayDay { get; set; }

在我的cshtml文件中

<div class="col-md-3">
  <label for="" class="control-label">Date</label>
  <br />
  @Html.EditorFor(model => model.HolidayDate, new { @class = "form-control"})
    .DisableIf(() => Model.IsReadOnly == true)
</div>
<div class="col-md-3">
  <label for="" class="control-label">Day</label>
  <br />
  @Html.TextBoxFor(model => model.HolidayDay, new { @class = "form-control"})
    .DisableIf(() => Model.IsReadOnly == true)
</div>

如果我在 HolidayDate 字段中选择一个日期，那么该日期的日期应该自动分配在 HolidayDay 字段中，所以请任何人都可以帮助找到解决方案

Answer 1

试试

$('#HolidayDate').change(function() {
  var date = new Date($(this).val());
  $('#HolidayDay').val(date.getDate());
});

或者如果你想显示星期几

var daysOfWeek = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
$('#HolidayDate').change(function () {
  var date = new Date($(this).val());
  $('#HolidayDay').val(daysOfWeek[d.getDay()]);
});

Refer fiddle