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"触发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
}
});

虽然这会阻止用户并要求选择日期，但脚本无法识别用户是否已输入日期。

我做错了什么？