動態地使用限制日期填充jQuery移動日期框

Question

我在使用jQuery mobile的日期框插件時遇到了麻煩。

在我的代碼中，我正在生成ISO8601格式的日期數組，因為這是datebox所需要的。

在調用ajax方法並帶回一些結果（響應用戶輸入）后，我正在生成此數組。 然后，我使用jQuery .attr函數向我的“ calbox”節點添加data-options屬性，如下所示：

<input name="mydate" id="mydate" type="date" data-role="datebox">

我的jQuery代碼如下所示：

$("#NewPaymentPlans").attr("data-options", '{"mode": "calbox", "enableDates": ' +      DateString + ' }');

DateString是轉換為字符串的日期數組。

輸出的HTML看起來像這樣：

<input name="NewPaymentPlans" id="NewPaymentPlans" type="text" data-role="datebox" class="ui-input-text ui-body-c" readonly="readonly" data-options="{&quot;mode&quot;: &quot;calbox&quot;, &quot;enableDates&quot;: [&quot;2013-08-06&quot;, &quot;2013-08-07&quot;, &quot;2013-08-08&quot;, &quot;2013-08-09&quot;, &quot;2013-08-10&quot;, &quot;2013-08-11&quot;, &quot;2013-08-12&quot;, &quot;2013-08-13&quot;, &quot;2013-08-14&quot;, &quot;2013-08-15&quot;, &quot;2013-08-16&quot;, &quot;2013-08-17&quot;, &quot;2013-08-18&quot;, &quot;2013-08-19&quot;, &quot;2013-08-20&quot;, &quot;2013-08-21&quot;, &quot;2013-08-22&quot;, &quot;2013-08-23&quot;, &quot;2013-08-24&quot;, &quot;2013-08-25&quot;, &quot;2013-08-26&quot;, &quot;2013-08-27&quot;, &quot;2013-08-28&quot;, &quot;2013-08-29&quot;, &quot;2013-08-30&quot;, &quot;2013-08-31&quot;, &quot;2013-09-01&quot;, &quot;2013-09-02&quot;, &quot;2013-09-03&quot;, &quot;2013-09-04&quot;] }">

（＆quot;在Chrome顯示的HTML中顯示為雙引號）。

從我所看到的，這應該工作。 我做了一個測試，在其中使用了我的輸出代碼並填寫了data-options選項，以便頁面加載了它們並起作用。

我認為動態分配data-options屬性可能存在問題。 有誰知道更多嗎？

編輯：解決了！

我知道了。

$("#NewPaymentPlans").data('mobileDatebox').options.enableDates = arrayofdates
$('#NewPaymentPlans').datebox('refresh');

結合此功能：

function CreateDateArray(arrayofdates) {
var datesarray = [];
var stringofdates;
$.each(arrayofdates, function (i) {
    datesarray.push(arrayofdates[i].toISOString().substring(0, 10));
});
return datesarray

}

Answer 1

動態填充$('#NewPaymentPlans').datebox('refresh')之后，嘗試調用它。