動態附加JQuery Mobile DatePicker/Calendar

如何將JQuery Mobile動態附加到輸入字段？動態附加JQuery Mobile DatePicker/Calendar

我嘗試使用ui-datepicker，但我認爲該插件將日曆附加到具有所需標記的輸入字段。如何動態附加使用JavaScript的日曆？我嘗試了以下方法

$("#datep").after($("<div />").datepicker({ 
    altField: "#datep" 
}));

但日曆在選擇日期後沒有隱藏。

我也探討了jQM-DateBox2，但無法找出動態附加日曆的方法。

任何幫助，將不勝感激。

2012-12-10 aneez

你所說的「動態意思「？您正在創建輸入字段，或者...？ –

是的，我想創建輸入字段並使其成爲日曆。另外，我有一個用例，我想通過編程方式將現有的輸入字段轉換爲日曆。 – aneez

另外，我想限制日曆日期。如何以編程方式提供值min =「2001-01-02」max =「2001-01-25」？在同一個JSON中傳遞它對我來說不起作用{「mode」：「calbox」，「min」：「2013-01-02」，「max」：「2013-01-25」} – aneez

要使用DateBox做到這一點，你可以這樣做：

$('<input data-role="datebox" ...etc.. >').appendTo(whatever).trigger('create');

OR，只要你願意，你可以添加輸入字段，然後

$('#added_element').datebox({<optional options});

2012-12-10 22:02:30

工程就像一個魅力。非常感謝！ – aneez

另外，我想限制日曆日期。如何以編程方式提供值min =「2001-01-02」max =「2001-01-25」？在相同的JSON中傳遞它不適用於我{「mode」：「calbox」，「min」：「2013-01-02」，「max」：「2013-01-25」} – aneez

不，但是 - 我會努力將這些添加爲實際選項，而不僅僅是最小/最大屬性。 –

回答