【问题标题】:dateFormat option for DateBox does not work?DateBox 的 dateFormat 选项不起作用?
【发布时间】:2012-07-30 15:33:38
【问题描述】:

我正在尝试让 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 日等。这是正确的,还是应该以不同的方式使用?使用此代码,选择日期会生成 2012 年 1 月 2 日、2012 年 3 月 29 日等格式。

  2. 我们存储在数据库中的值与我们希望日期选择器显示的值不同,即 2012-01-02 => Jan 2, Jan 2 => 2012-01-02。这可能吗?

提前致谢。

【问题讨论】:

  • 你正在混合版本 - 你已经包含了 DateBox2 (dev.jtsage.com/jQM-DateBox2/demos/fullopt.html),但是你使用了 DateBox1 样式选项 - 尝试 "overrideDateFormat":"%b %d" 代替,或者退回像您在下面所做的那样到 DateBox1(注意:此版本不再更新)
  • 大家好,如果您使用的是普通的jQmobile Datebox,上面的评论设置将适用于您。只需添加 overrideDateFormat....

标签: javascript jquery mobile jquery-mobile datebox


【解决方案1】:

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

【讨论】:

  • 谢谢;事实证明,无论我包含的 DateBox 版本是什么(认为它是最新的)。如果其他人遇到问题,我将:&lt;script src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"&gt;&lt;/script&gt; &lt;script src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"&gt;&lt;/script&gt; 替换为:&lt;script src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.calbox.min.js"&gt;&lt;/script&gt; 并且它按预期在 dateFormat 上拾取。
猜你喜欢
  • 2017-09-29
  • 2012-09-05
  • 2015-10-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-12-16
  • 1970-01-01
  • 2019-11-10
相关资源
最近更新 更多