带隐藏字段的Jquery日期选择器-无法显示HTML值

我正在使用jquery日期选择器。我有一个页面，访问者可以编辑他们已经输入到系统中的事件。我希望访问者能够加载页面，查看他们已经选择的日期，然后能够使用jquery日期选择器更改日期（如果需要）。页面加载时，日期不会显示在html文本框中，但访问者可以通过datepicker UI更改此值。基本上，不会显示HTML文本框的值

以下是我的jquery：

        $("#EventDateStart").datepicker({
            altField: "#EventDateStart_hidden", 
            altFormat: "yy-mm-dd", 
            minDate: new Date()
        }).datepicker("setDate", "{$data.EventDateStart}").change(function () {
        $('#EventDateEnd').datepicker('option', 'minDate', $(this).datepicker('getDate'));
        });

        $("#EventDateEnd").datepicker({
            altField: "#EventDateEnd_hidden", 
            altFormat: "yy-mm-dd", 
            minDate: new Date()
        }).datepicker("setDate", "{$data.EventDateEnd}").change(function() {
        $('#EventDateStart').datepicker('option', 'maxDate', $(this).datepicker('getDate'));
        });

以下是HTML：

 <input type="text" id="EventDateEnd" style="background: #FFF;" name="EventDateEnd" value="2011-12-21" />
 <input type="hidden" id="EventDateEnd_hidden" name="EventDateEnd_hidden" value="2011-12-21" />

我不太明白。为什么不在输入上使用readonly属性呢？再说一次，如果你允许他们编辑，为什么不让他们在同一个字段中输入日期？@Senor MetalFrog，很抱歉这么模糊，我希望他们可以编辑日期，如果他们愿意，但如果他们不想编辑日期，将显示他们最初选择的原始日期。您确实不需要隐藏字段。