Javascript JQuery日期选择器不'；输入从只读更改后无法工作

我将它用于MVC3应用程序

在单击编辑按钮之前，我希望输入字段为

只读

。当字段处于焦点时，我想调用日期选择器

如果使用可编辑的输入加载页面，则以下代码可以正常工作。但是，当我添加readonly属性时，一旦单击edit按钮，datepicker就不会出现，并且字段不再是readonly。是什么阻止了日期选择器被调用

$("[id$='Date']:not([readonly])").datepicker({ format: "dd MM yyyy" })
        .focus(function () {
            $(this).on('changeDate', function () {
                $(this).datepicker('hide');
            })
        });

---

将字段从只读更改为可编辑的代码如下：

//enable editing and change button to "Update"
$("[id$='-edit']").click(function (e) {
    var myButton = e.target.id;
    //get text based on browser
    var txt = e.target.textContent || e.target.innerText;
    if (txt == 'Edit') {
        e.preventDefault();
        var myText = myButton.slice(0, (myButton.indexOf('-')));
        $('#' + myText).prop('readonly', false);
        e.target.textContent = 'Update';
        //added below for browser compatibility
        e.target.innerText = 'Update';
    }
    else {
        window.onbeforeunload = null;
    }
});

MVC生成的Razor和HTML：

可编辑：

@Html.TextBoxFor(m => m.reviewDate)

<input data-val="true" data-val-required="The Review Date field is required." id="reviewDate" name="reviewDate" type="text" value="12 December 2013" class="valid">

……现在是：

$('#' + myText).prop('readonly', false).datepicker({ format: "dd MM yyyy" });

这个

不将日期选择器分配给只读的元素。如果更改元素以删除readonly属性，则还必须在该点指定日期选择器

<input data-val="true" data-val-required="The Review Date field is required." id="reviewDate" name="reviewDate" type="text" value="12 December 2013" class="valid">

$('#' + myText).prop('readonly', false);

$('#' + myText).prop('readonly', false).datepicker({ format: "dd MM yyyy" });

$("[id$='Date']:not([readonly])").datepicker(...