带有隐藏字段的Jquery DatePicker - 无法显示HTML值

时间:2011-12-20 16:32:14

标签: jquery datepicker

我正在使用jquery datepicker。我有一个页面,访问者可以编辑他们已输入系统的事件。我希望访问者能够加载页面,查看他们已经选择的日期,然后能够使用jquery datepicker来根据需要更改日期。发生的事情是页面加载日期不会显示在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" />

0 个答案:

没有答案