jQuery 日期选择器不显示原始文本值

Question

我正在使用 jQuery 的日期选择器作为我的表单字段之一 - 出生日期。

该字段是使用 PHP 生成的，并将填充用户的原始出生日期。单击该字段会弹出小部件，效果非常好。

但是，文本框不会显示原始值，即使它出现在浏览器的源代码中。我使用的是 Google Chrome。

下面是 jQuery 代码:

$(function()
{
    $("#DatePicker").attr("readonly","readonly");

    $("#DatePicker").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: "1950:+10"
    });

    $("#DatePicker").datepicker("option","dateFormat","dd MM yy");
});

这是 PHP 代码:

echo "<INPUT TYPE=\"TEXT\" NAME=\"$FieldName\" VALUE=\"$OriginalData\" ID=\"DatePicker\" CLASS=\"FullLength\">";

以下是 HTML 代码(从源代码复制):

<INPUT TYPE="TEXT" NAME="DateOfBirth" VALUE="18 August 2012" ID="DatePicker" CLASS="FullLength">

请告诉我出了什么问题。谢谢。

Answer 1

我不知道为什么，但这一行正在清除该值:

$("#DatePicker").datepicker("option","dateFormat","dd MM yy");

如果可能的话，尝试添加这样的选项，worked for me在 Firefox 和 Chrome 中:

$("#DatePicker").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: "dd MM yy"
});