DateBox的dateFormat选项不起作用?

时间:2012-07-30 15:33:38

标签: javascript jquery mobile jquery-mobile datebox

我正在尝试使用jtsage的jQuery-mobile DateBox插件的dateFormat选项。我在HTML文档中有以下代码:

<!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 =&gt; 1月2日,1月2日=&gt; 2012-01-02。这可能吗?

  3. 提前致谢。

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/PGFxZ/3/在这个小提琴中将你的日期格式改为'%b /%d',你将得到像这个jan / 01 ....等的日期格式。