jQuery fullCalendar dayClick - 将(日期)转换为mm / dd / yy

时间:2011-05-01 21:18:14

标签: php javascript jquery date fullcalendar

我正在努力做到以下几点:

  • 用户点击特定日期
  • fancybox随数据输入选项打开
  • 捕获点击日历的日期
  • 抓住该日期并将其注入文本value
  • input

这是我的代码:

$("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) ==&gt;我需要这个是mm / dd / yy,如04/25/11

  • 如果我刚刚关闭了fancybox并点击了锚标记"Add Event",则会打开fancybox,但日期会填充Mon Apr 25 2011 00:00:00 GMT-0400 (EDT) ==&gt;它实际上应该包含今天的日期,因为我放在value字段中的PHP字符串(仅当我刷新时才修复)

任何人都有关于如何解决这两个问题的建议吗?

非常感谢。

2 个答案:

答案 0 :(得分:9)

要设置日期格式,请通过fullcalendar的formatDate方法运行日期。尝试:

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

答案 1 :(得分:1)

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

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