javascript - jQuery Datepicker 错误 - n 未定义

Question

我在隐藏字段的表单上使用 jQuery Datepicker，然后单击链接以编辑值。

<a class="pickDate edit-link" id="reqSubmitDate">Thu, Feb 27, 2014</a>

<input type="hidden" value="Thu, Feb 27, 2014" id="reqSubmitDateinput" name="RequisitionSubmitDate" class="hasDatepicker">

我在隐藏的输入上启动了日期选择器。

$('#reqSubmitDateinput, #orderAckDateinput, #deliveryDateinput').datepicker();

您单击该链接，它会打开匹配输入的日期选择器。

$('.pickDate').click(function () {
    var id = $(this).attr('id');
    var input = id + 'input';
    $('#' + input).datepicker('show');
});

然后它使用我设置的默认值来获取用户选择的日期并设置隐藏输入的值。

$.datepicker.setDefaults({
    minDate: 0,
    onSelect: function (date) {
        var id = $(this).attr('id');
        id = id.slice(0, -5);
        $('#' + id).text(date);
    }
});

它似乎在前两个上工作正常，但在最后一个上不起作用，尽管只是 ID 不同并且适合相同的格式。我得到:

TypeError: n is undefined jquery.....min.js (line 5)

它似乎停止显示选择器。

我尝试将前两个移动到不起作用的那个之后，看看是否存在数量问题，但事实并非如此。我还尝试将不工作的移动到其他附近。运气不好。

jsfiddle 请求:http://jsfiddle.net/ZGD6B/

Answer 1

我在 jQUery 中使用隐藏字段时遇到过类似的问题。我通常使用 hack 来隐藏字段以使 jQuery 合作:

<input style="height: 0px; width:0px; border: 0px;" id="deliveryDateinput" name="DeliveryDate" value="@Model.GEP.OrderDeliveryDate" />

http://jsfiddle.net/btc2h/1/