将日期事件格式化为 fullcalendar 中的 dd-mm-yyyy

Question

I have a database, where there dates who are in format like 21-01-2023 but fullcalendar read dates like 2023-01-20.我有一个数据库，其中日期的格式类似于 21-01-2023，但 fullcalendar 读取的日期类似于 2023-01-20。

I would like to read dates events like 21-01-2023 14:55.我想阅读诸如 21-01-2023 14:55 之类的日期事件。

I set lang to fr but just change the language not the the format date.我将 lang 设置为 fr 但只是更改语言而不是格式日期。

Any advice or tips would be appreciate.任何建议或提示将不胜感激。

Thanks.谢谢。

there is example code of what i want to (see the third events example please) the sample code:有我想要的示例代码（请参阅第三个事件示例）示例代码：

<html>
  <head>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css"/>
  </head>

  <body>
    <h2>Translate FullCalendar v2</h2>
    <center>
    <div id="calendar"></div>
    </center>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/lang-all.js"></script>

<script>
$(document).ready(function(){
     $('#calendar').fullCalendar({
          lang: 'fr',
                events: [
                        {
                          title: 'All Day Event',
                          start: '2023-01-01'
                        },
                        {
                          title: 'Long Event',
                          start: '2023-01-07',
                          end: '2023-01-10'
                        },
                        {
                          title: 'Long Event in my format date i want',
                          start: '20-01-2023',
                          end: '21-01-2023'
                        },
                ]
      });
});
</script>

  </body>
</html>

Answer 1

You can do it using moment to parse your dates as follows:您可以使用moment来解析您的日期，如下所示：

moment("20-01-2023", "DD-MM-YYYY")

 $(document).ready(function(){ $('#calendar').fullCalendar({ lang: 'fr', events: [ { title: 'All Day Event', start: '2023-01-01' }, { title: 'Long Event', start: '2023-01-07', end: '2023-01-10' }, { title: 'Long Event 2', start: moment("20-01-2023", "DD-MM-YYYY"), end: moment('21-01-2023',"DD-MM-YYYY") }, ] }); });

 <html> <head> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css"/> </head> <body> <h2>Translate FullCalendar v2</h2> <center> <div id="calendar"></div> </center> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/lang-all.js"></script> </body> </html>

将日期事件格式化为 fullcalendar 中的 dd-mm-yyyy

问题描述

1 个解决方案

解决方案1
1 2023-01-24 09:48:16

将日期事件格式化为 fullcalendar 中的 dd-mm-yyyy

问题描述

1 个解决方案

解决方案1 1 2023-01-24 09:48:16

解决方案1
1 2023-01-24 09:48:16