Business Catalyst 中的 jQuery 日期格式

Question

我经常使用商业催化剂，并希望能够根据需要设置日期格式。日期输出如下：

<span class="date">06-Feb-2014</span>

目前使用 jQuery 1.10.2，如果可以的话，我可以添加 jQuery UI。

我尝试了以下没有效果：

$(document).ready(function () {
    $('span.date').each(function() { 
        var dateFormat = $(this).text()
        var dateFormat = $.datepicker.formatDate('MM dd, yy', new Date(dateFormat));
        //alert(dateFormat);
        $(this).html(dateFormat + "<br>");
    });
});

有问题的网站是http://www.doverfoursquare.org

也许与现有脚本存在某种冲突？

非常感谢任何帮助。

Answer 1

我知道这是一篇旧帖子，但似乎没有答案...

我会为此使用 Liquid，例如在使用模板的事件模块中：

{{date | date: "dddd"}}

和/或

{{date | date: "%d"}} {{date | date: "MMM"}}

应该让你“7 月 4 日星期六”

您可以使用此资源来帮助修改修饰符/过滤器

http://docs.businesscatalyst.com/dev-assets/reference#!/liquid-reference/reference/filters.html!date-filters

Answer 2

在处理格式化日期时，我总是看到自己回到 momentjs: http://momentjs.com/ 。它不是最快的框架，但它可以帮助您以任何所需的方式格式化您的日期：

moment().format("DD-MMM-YYYY"); // "20-Feb-2014"

Answer 3

它在这里按预期工作：

请注意，datepicker 是 jQuery UI 的扩展槽，因此您必须包含它才能工作：

//code.jquery.com/ui/1.10.4/jquery-ui.js

Fiddle

请注意，在示例中 var dateFormat 已重命名，因此不会重新声明存在。

$(document).ready(function () {
    $('span.date').each(function() { 
        var value = $(this).text(),
            date = $.datepicker.formatDate(
                'MM dd, yy', new Date(value)
            );
        $(this).html(date + "<br>");
    });
});

或者你可以说：

$(this).html(
    $.datepicker.formatDate(
        'MM dd, yy', new Date($(this).text())
    ) + "<br>"
);

---

编辑日期格式：

Ref. ECMA

格式可以

YYYY-MM-DD

但不是

DD-MM-YYYY

还有read this。

---

错误：

运行你的页面，它显示这个错误：

Uncaught TypeError: Object [object Object] has no method 'player' (index):343

按来源：

    $(document).ready(function() {
        var settings = {
            progressbarWidth: '200px',
            progressbarHeight: '5px',
            progressbarColor: '#22ccff',
            progressbarBGColor: '#eeeeee',
            defaultVolume: 0.8
        };
        $(".player").player(settings); // <<--- Error line
    });

这可能是在加载时停止脚本等的原因。

它也给出了，（这可能是一些Facebook issue）：

应用程序配置不允许给定 URL。：应用程序的设置不允许一个或多个给定 URL。它必须与网站 URL 或画布 URL 匹配，或者域必须是应用程序域之一的子域。

：

event.returnValue 已弃用。请改用标准的 event.preventDefault()。

你可以忽略它，因为它是一个 jQuery“东西”和 IE 修复/破解。