2012-07-30 100 views
2

我想讓jtsage的jQuery-mobile DateBox插件的dateFormat選項正常工作。我有一個HTML文檔中下面的代碼:DateBox的dateFormat選項不起作用?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
    <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> 
    <script src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script> 
    <script src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"></script> 
    <script src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script> 
</head> 
<body> 
    <div data-role="page"> 
     <input type="date" name="date" data-role="datebox" data-options='{"mode":"calbox","dateFormat":"%b %d"}' /> 
    </div> 
</body> 
</html> 

有兩個部分,以我的問題:

  1. dateFormat值是基於此頁面上:http://dev.jtsage.com/jQM-DateBox/demos/api/dateformat.html。我希望選擇一個日期,並且它將顯示在dateFormat,即1月2日,3月29日等。這是正確的,還是應該以不同的方式使用?使用此代碼,選擇一個日期結果的格式,如1/2/2012,3/29/2012等。

  2. 我們在數據庫中存儲的值與我們希望日期選取器顯示的值是不同的,即2012-01-02 => 1月2日,1月2日=> 2012-01-02。這可能嗎?

在此先感謝。

+4

你混合版本 - 你包括DateBox2(http://dev.jtsage.com/jQM-DateBox2/demos/fullopt.html),但您已經使用DateBox1樣式選項 - 嘗試「overrideDateFormat」:「%b%d」,而不是返回到DateBox1就像你在下面做的一樣(注意:這個版本沒有得到更新) – 2012-07-30 16:30:55

+0

Hello All,如果你使用的是普通的jQmobile Datebox,上面的評論設置會適合你。只需添加overrideDateFormat .... – 2012-10-26 08:21:26

回答

0

在這個小提琴http://jsfiddle.net/PGFxZ/3/更改日期格式爲「%B /%d」,你會得到的日期格式類似這樣的然/ 01 ....等。

+2

謝謝;事實證明,無論什麼版本的DateBox我都包括在內(認爲這是最新的)。如果有其他人遇到問題,我替換爲: ' ' 與: '' 它按預期的方式拾取了dateFormat。 – NickNiebaum 2012-07-30 16:18:37