在 HTML 页面中格式化英语、回历和孟加拉日历的日期和时间 [已关闭]

Question

我正在开发一个 HTML 页面，需要用英语显示日期和时间，包括英语、回历和孟加拉日历。我已设法显示一些信息，但在正确格式化输出时遇到问题。这是我目前拥有的：

<!-- Current Output -->
<p>Tuesday, 21 Falgun, 1430 Bengali year, Spring Season</p>

但是，我希望输出包含英语、回历和孟加拉语日期和时间，如下所示：

<!-- Desired Output -->
<p>March 5, 2024 AD, 23 Shaban, 1445 Hijri, Tuesday, 21 Falgun, 1430 Bengali year, Spring Season</p>

我正在努力在英语、回历和孟加拉日历中正确设置日期和时间的格式。如何在 HTML 页面中实现这种格式设置？任何建议或示例代码将不胜感激。

Answer 1

您可以使用 JavaScript 动态生成日期，然后将它们显示在 HTML 页面上。以下是如何实现此目标的简单示例：

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bangla Date and Time</title>
</head>
<body>
  <div id="banglaDateTime"></div>

  <script>
    // Function to convert English numbers to Bangla numbers
    function convertToBanglaNumbers(number) {
      const banglaNumbers = ['০', '১', '২', '৩', '৪', '৫', '৬', '৭', '৮', '৯'];
      return number.toString().split('').map(digit => banglaNumbers[digit]).join('');
    }

    // Function to get Bangla day of the week
    function getBanglaDayOfWeek(day) {
      const daysOfWeek = ['রবিবার', 'সোমবার', 'মঙ্গলবার', 'বুধবার', 'বৃহস্পতিবার', 'শুক্রবার', 'শনিবার'];
      return daysOfWeek[day];
    }

    // Function to get Bangla month name
    function getBanglaMonth(month) {
      const banglaMonths = ['বৈশাখ', 'জ্যৈষ্ঠ', 'আষাঢ়', 'শ্রাবণ', 'ভাদ্র', 'আশ্বিন', 'কার্তিক', 'অগ্রহায়ণ', 'পৌষ', 'মাঘ', 'ফাল্গুন', 'চৈত্র'];
      return banglaMonths[month];
    }

    // Function to get Hijri month name
    function getHijriMonth(month) {
      const hijriMonths = ['মুহররম', 'সফর', 'রবিউল আউয়াল', 'রবিউস সানি', 'জমাদিউল আউয়াল', 'জমাদিউস সানি', 'রজব', 'শাবান', 'রমজান', 'শাওয়াল', 'জিলকদ', 'জিলহজ্জ'];
      return hijriMonths[month];
    }

    // Function to get current Bangla date and time
    function getCurrentBanglaDateTime() {
      const currentDate = new Date();

      // English date
      const englishDate = `${currentDate.getDate()} ${getBanglaMonth(currentDate.getMonth())} ${convertToBanglaNumbers(currentDate.getFullYear())} ইং,`;

      // Hijri date
      const hijriDate = new Intl.DateTimeFormat('bn-u-ca-islamic', {
        day: 'numeric',
        month: 'long',
        year: 'numeric',
        weekday: 'long'
      }).format(currentDate);

      // Extract day of the week, month, and year from Hijri date
      const [dayOfWeek, hijriMonth, _, hijriYear] = hijriDate.split(' ');

      const banglaDateTime = `${dayOfWeek}, ${hijriMonth} ${convertToBanglaNumbers(hijriYear)} হিঃ, ${englishDate}`;
      return banglaDateTime;
    }

    // Display Bangla date and time on the HTML page
    document.getElementById('banglaDateTime').textContent = getCurrentBanglaDateTime();
  </script>
</body>
</html>

在 HTML 页面中格式化英语、回历和孟加拉日历的日期和时间 [已关闭]

问题描述投票：0回答：1

1个回答

最新问题

在 HTML 页面中格式化英语、回历和孟加拉日历的日期和时间 [已关闭]

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1