Javascript验证无法识别日期字段已填写

Question

我正在尝试使用javascript验证表单，以通过从弹出式日历中进行选择来检查是否已填写日期字段。

<label for="datepicker" class="general short">Due Date</label>
<input name="due_date" id="datepicker" class="textbox long_field" type="text">

id="datepicker" datepicker id="datepicker"触发jQuery日历，以mm / dd / yy格式输入日期。

这是我的JavaScript代码，用于检查是否已填写截止日期：

$(document).ready(function() {

var due_date = $('#datepicker').val();

if (due_date === "") {
$(".alert").html('Please select a due date.');
$("#datepicker").focus();

} else {
// Submit form
}
});

尽管这确实使用户停止并要求选择日期，但是脚本无法识别用户已经输入了日期。

我究竟做错了什么？