2012-06-30 39 views
2

我希望以編程方式設置日期與datebox控制輸入,爲此,我知道我可以使用這樣的事情如何編程設置在jQuery Mobile的Datebox插件日期1.1.0

$(element).trigger('datebox', {'method':'set', 'value':'dateString'}); 

,但是這並未似乎沒有更新控制(即當我打開日曆,它被設置爲當前日期,並不等於輸入字段中的值)

編輯: 基於JTsage的指針我覆蓋默認dateformat爲毫米/ dd/yyyy,像這樣使用某物。

jQuery.extend(jQuery.mobile.datebox.prototype.options.lang, { 
    'en': { 
     dateFormat: '%m/%d/%Y' 

    } 
}); 
jQuery.extend(jQuery.mobile.datebox.prototype.options, { 
    useLang: 'en' 
}); 

然後我試圖設定使用某事像這樣

$(element).trigger('datebox', {'method':'set', value:'07/02/2012'}); 

的時間,但這個日期沒有出現時,我導航到page..Interestingly當我試圖更新從螢火控制檯的時間(即在該頁面上)它更新了字段以及日期框控件。

我不知道這是爲什麼happening..Need幫助,請回復JT

+0

這是正確的方法 - 但如果「dateString」是在DateBox在輸出相同的格式將只工作。 –

+0

感謝您的回覆,我認爲這是我唯一缺少的東西。將嘗試和更新相同,再次感謝這樣一個好插件。 –

回答

6

所以最後我固定的問題,這樣做

jQuery.extend(jQuery.mobile.datebox.prototype.options, { 
    'overrideDateFormat': '%m-%d-%Y', 
    'overrideHeaderFormat': '%m-%d-%Y' 
}); 

設置輸入字段的值明確

$(element).val('06-21-2012'); 

,然後刷新datebox

$(element).trigger('datebox', {'method':'set', 'value':'06-21-2012'}); 
+0

雖然這很好,但能夠通過實際的Date對象設置日期會更好。有一種方法:$(element).datebox('setTheDate',new Date());不幸的是,這不會更新小部件。 – bertvh

0

我找到個解決方案,試試這個

$(element).trigger('datebox', { 'method': 'doset' }); 
相關問題