Show the date using Roman numerals

Question

Show the date using Roman numerals

I'm looking to showcase the current date on my website using jquery or javascript, which seems like a simple task, right?

However, I want the date to be presented in roman numerals (d/m/y format). For example, instead of 13/10/2013, I would like it displayed as XIII.X.MMXIII

I've been attempting this for a few days now, but nothing I try seems to work. My knowledge of jquery and javascript is fairly limited, and I only know how to display the normal date like this:

<script type="text/javascript">
    <!--
    var currentTime = new Date()
    var month = currentTime.getMonth() + 1
    var day = currentTime.getDate()
    var year = currentTime.getFullYear()
    document.write(month + " . " + day + " . " + year)
    //-->
  </script>

If anyone can assist me with displaying the date in roman numerals, I would greatly appreciate it.

Thank you.

javascript

Answer 1

Answer №1

Explore one of the roman numeral converters mentioned in this query Convert a number into a Roman Numeral in JavaScript. For instance, consider using the converter from :

function romanize (num) {
    if (!+num)
        return false;
    var digits = String(+num).split(""),
        key    = ["","C","CC","CCC","CD","D","DC","DCC","DCCC","CM",
                  "","X","XX","XXX","XL","L","LX","LXX","LXXX","XC",
                  "","I","II","III","IV","V","VI","VII","VIII","IX"],
        roman  = "",
        i      = 3;
    while (i--)
        roman = (key[+digits.pop() + (i * 10)] || "") + roman;
    return Array(+digits.join("") + 1).join("M") + roman;
}

Following that, you can execute:

var currentTime  = new Date();
var strRomanDate = romanize(currentTime.getMonth() + 1) + " . " + 
                   romanize(currentTime.getDate())      + " . " +
                   romanize(currentTime.getFullYear()) + 1;

Answer 2

Explore one of the roman numeral converters mentioned in this query Convert a number into a Roman Numeral in JavaScript. For instance, consider using the converter from :

function romanize (num) {
    if (!+num)
        return false;
    var digits = String(+num).split(""),
        key    = ["","C","CC","CCC","CD","D","DC","DCC","DCCC","CM",
                  "","X","XX","XXX","XL","L","LX","LXX","LXXX","XC",
                  "","I","II","III","IV","V","VI","VII","VIII","IX"],
        roman  = "",
        i      = 3;
    while (i--)
        roman = (key[+digits.pop() + (i * 10)] || "") + roman;
    return Array(+digits.join("") + 1).join("M") + roman;
}

Following that, you can execute:

var currentTime  = new Date();
var strRomanDate = romanize(currentTime.getMonth() + 1) + " . " + 
                   romanize(currentTime.getDate())      + " . " +
                   romanize(currentTime.getFullYear()) + 1;

Answer 3

Answer №2

    var currentDay = new Date()
    var monthNum = currentDay.getMonth() + 1
    var dayNum = currentDay.getDate()
    var yearNum = currentDay.getFullYear()
    document.write(convertToRoman(monthNum) + " . " + convertToRoman(dayNum) + " . " + convertToRoman(yearNum))

function convertToRoman(number) {
    var numeralsList = [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1];
    var romanNumerals = ['M', 'CM', 'D', 'CD', "C", 'XC', 'L', 'XL', 'X', 'IX', 'V', 'IV', 'I']

    var resultRoman = '';
    for (let index = 0; index < numeralsList.length; index++) {
        while (number >= numeralsList[index]) {
            resultRoman += romanNumerals[index];
            number -= numeralsList[index];
        }
    }
    return resultRoman;
}

Answer 4

    var currentDay = new Date()
    var monthNum = currentDay.getMonth() + 1
    var dayNum = currentDay.getDate()
    var yearNum = currentDay.getFullYear()
    document.write(convertToRoman(monthNum) + " . " + convertToRoman(dayNum) + " . " + convertToRoman(yearNum))

function convertToRoman(number) {
    var numeralsList = [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1];
    var romanNumerals = ['M', 'CM', 'D', 'CD', "C", 'XC', 'L', 'XL', 'X', 'IX', 'V', 'IV', 'I']

    var resultRoman = '';
    for (let index = 0; index < numeralsList.length; index++) {
        while (number >= numeralsList[index]) {
            resultRoman += romanNumerals[index];
            number -= numeralsList[index];
        }
    }
    return resultRoman;
}

Show the date using Roman numerals

Answer №1

Answer №2

Similar questions

Change the outcome of each element in a JavaScript forEach loop by incorporating values from a

Enhance Your AngularJS Application with Data Transfer Object Models

The cascading menu continuously scrolls upwards

Utilizing additional JavaScript libraries with custom Power BI visuals

Record the user actions from logging in through Facebook or OAuth and store them in the database

MetaMask RPC error encountered: execution failed with code -32000 and message stating "execution reverted"

What could be causing this Angular dependency to go unnoticed?

Implementing jquery to show information in a dropdown menu

Guide on implementing real-time search functionality with the Fetch Ajax method in Django using Python

Endless polling using Angular 4 and Http observables

What is preventing these AngularJS applications from functioning simultaneously?

Tips and tricks for implementing vuetify tooltips within a list component

Creating Twillio access codes with NodeJS

How can I properly execute json requests and save data when iterating over an array?

Group-level selection in SlickGrid's multi-level grouping feature

Create a download button for a PDF table in landscape format

Retrieving data response post upload with JQuery and an HTML5 Uploader

Utilizing Google Maps API Version 3 to create interactive infoBubbles using an

One-page website featuring a scrolling layout and a stable, constantly updating footer

Preventing child rendering in React until the state is updated: best practices