jQuery fullCalendar dayClick - 将（日期）转换为 mm/dd/yy答案

【问题标题】：jQuery fullCalendar dayClick - convert (date) to mm/dd/yyjQuery fullCalendar dayClick - 将（日期）转换为 mm/dd/yy
【发布时间】：2011-08-16 15:02:56
【问题描述】：

我正在尝试以下操作：

用户点击特定日期
fancybox 打开并带有数据输入选项
捕获单击日历的日期
获取该日期并将其注入到文本input 的value 中

这是我的代码：

$("a#inline").fancybox();

$('#calendar').fullCalendar(
{
    dayClick: function (date)
    {
        $('a#inline').click();
        $('.datepicker').val(date);
    }
});

HTML

<a href="#data_entry" id="inline">Add Event</a>

<div style="display:none">
    <div id="data_entry">
        <form action="events/events_save" method="post" name="events_form" id="events_form">
         <input type="text" name="date" value="<?php date('m/d/Y'); ?>" class="datepicker">
        </form>
    </div>
</div>

我遇到了以下问题：

当点击日历上的日期时，fancybox 会弹出，我得到 Mon Apr 25 2011 00:00:00 GMT-0400 (EDT) ==> 我需要像 04/25/11 这样的 mm/dd/yy

value

有人对如何解决这两个问题有建议吗？

非常感谢。

【问题讨论】：

标签： php javascript jquery date fullcalendar

【解决方案1】：

要格式化日期，请通过 fullcalendar 的 formatDate 方法运行日期。试试：

$('.datepicker').val($.fullCalendar.formatDate( date, "MM/dd/yy"));

【讨论】：

太棒了 - 非常感谢 @justkt 运行良好 - 你对其他问题有什么建议吗？
@torr - 你能澄清一下问题是什么吗？
当然 - 我使用 2 种方法触发数据输入的花式框 - [a] 单击日历日期，或 [b] 单击锚文本。例如，锚文本用于在当时日历未显示的日期输入事件（例如，将来的日期方式），或者如果用户更喜欢以这种方式输入数据。单击锚点时，我希望日期显示为今天 - 这就是为什么上面的 OP 代码中有 PHP 行。但是，如果一个人先使用 method [a]，然后再使用 method [b]，则显示的日期是来自 method [b] 的日期b>.
@torr - 确保在从锚点点击时设置$('.datepicker').val($.fullCalendar.formatDate( new Date(), "MM/dd/yy"));。
@justkt - 我把那行放在哪里 - 它应该作为$("a#inline").fancybox();之后的函数吗？

【解决方案2】：

完美！这也帮助了我，因为我找不到任何关于如何使用 formatDate 方法的文档......

alert($.fullCalendar.formatDate( calEvent.start, "yyyy-MM-dd"));

【讨论】：