2012-10-08 80 views
0

我正在使用下面的jQuery的移動日期箱插件日期控制在移動應用程序。它使用默認日期格式正常工作。但我想根據當前的文化設置應用日期格式,無論是手機還是桌面。根據設備日期格式,日期應該填入Date控件中。在JQuery Mobile Datebox插件中基於文化的日期選擇?

<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" /> 
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script> 
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"></script> 

我試過用下面的方法。

jQuery.extend(jQuery.mobile.datebox.prototype.options.lang.default, { 'dateFormat': dformat , }); 

但它有兩個下面提到的限制,因此我無法使用這種方法。
1)iPhone 3/4(safari 3.1.1或更低版本)不支持
2)與Window格式不兼容的日期格式(它使用格式如%d-%m-%y等)。

我想利用這個插件,但它應該提供基於文化的日期格式選擇。
請提供您的建議,並讓我知道你是否有任何疑問。

回答

1

不知道我是否真的理解了您的問題,但通常您可以使用「覆蓋」選項直接注入用戶文化。在我的一個代碼中,一旦我檢測到用戶文化,我起訴一個像下面這樣的腳本來完成這項工作:(我通過htis方式更新標題標題,日期字段順序和dateformat)。

在此代碼中,「sDateFormat」設置了遵循用戶文化的正確模式。而「currentdatefield」是日期字段的在我的網頁表單一個jQuery變量:

currentdatefield.data("options", { 
        mode: "datebox", 
        useLang: varuserLocale, 
        useFocus: true, 
        useClearButton: true, 
        useCollapsedBut: true, 
        defaultValue: sDateForDefValue, /* defaultValue : this value must be a string formated in "yyyy-mm-dd" (not a JS object date) */ 
        'overrideDateFieldOrder': DateFieldOrder, 
        'overrideHeaderFormat': vardateformat, 
        'overrideDateFormat': sDateFormat /* Example: "%m/%d/%Y" This date format pattern is directly injected in the field linked */ 
       }); 
      }); 

不知道,它是幫助你,但也許。

+0

感謝鮑,藉助overrideDateFormat我能夠設置首選日期格式。非常感謝你。我還有一個關於JQuery Mobile DateBox的查詢。我想在日曆控制中顯示年份選項(基本日曆)。所以用戶可以很容易地改變年份,因爲目前我們必須逐月移動。謝謝,Giri – Giri

+0

你的第二個問題 - 'calUsePickers':true將顯示一年和一個月的選擇器快速跳躍。 –

+0

此外,DateBox允許使用外部文件來實現結果的國際化 - http://dev.jtsage.com/jQM-DateBox2/demos/api/i18n.html提供了完整的詳細信息 - 此外,還有相當多的語言/語言環境已經在那裏的存儲庫。 –

相關問題