jQuery datepicker วันที่เริ่มต้นเป็นโมฆะใน postback

ฉันมีแบบจำลองที่มีลักษณะดังนี้:

public class RegisterResultAdminModel
{
    [DateInThePastValidator(ErrorMessage = "Date needs to be a valid date set in the past.")]
    [Required(ErrorMessage = "You need to set Date.")]
    public DateTime DatePlayed { get; set; }
}

เครื่องมือตรวจสอบของฉันมีลักษณะดังนี้:

public class DateInThePastValidator : ValidationAttribute
{
    public override bool IsValid(object value)
    {
        var date = (DateTime)value;
        if (date > DateTime.UtcNow)
            return false;
        return true;
    }
}

ฉันตั้งค่า DatePlayed เป็น DateTime.Today ในวิธี Index ของคอนโทรลเลอร์:

...
model.DatePlayed = DateTime.Today;
return View(model);

ใน Index.cshtml ของฉัน ฉันมีรหัสต่อไปนี้:

@model Web.Models.RegisterResultAdminModel
...
<p>@Html.TextBoxFor(m => m.DatePlayed, new { @Value = Model.DatePlayed, id = "datepicker" })</p>
...
<script>
$(function() {
    $("#datepicker").datepicker({ dateFormat: 'dd-MM-yy'});
});
</script>

TextBoxFor อยู่ภายใน Html.BeginForm

ตกลง เตรียมพร้อมสำหรับปัญหาของฉันตอนนี้ เมื่อเพจแสดง วันที่จะแสดงเป็น 09/14/2017 00:00:00 ยุติธรรมเพียงพอ แต่เมื่อฉันคลิกส่ง เครื่องมือตรวจสอบจะแสดงค่าเป็นโมฆะ (ฉันเห็นได้ในดีบักเกอร์) อย่างไรก็ตาม หากฉันคลิก datepicker ก่อน แล้วเลือกวันที่ที่จะแสดงเป็น 14-September-2017 ตอนนี้เมื่อฉันคลิกส่ง เครื่องมือตรวจสอบจะยอมรับวันที่ (ตอนนี้ตัวดีบั๊กจะแสดงวันที่) และทุกอย่างทำงานได้ดี

มีบทความมากมายเกี่ยวกับเรื่องที่ดูคล้ายกันมาก แต่ฉันต้องขาดอะไรบางอย่างที่ชัดเจนไป

ฉันจะทำให้งานนี้สำเร็จได้อย่างไร?

แก้ไข: การเพิ่มคำอธิบายเป็น "แสดงเป็นโมฆะ"