Convert the Date

Convert US format to Japanese - Binding and Calling Functions

by db_dev

HTML

<div>

    <label for=""></label>
    <input type="date" id="originalDate" />
    <button class="submit">Convert</button>
</div>

<div class="result"></div>

CSS

div {
    margin-bottom: 12px;
}

JavaScript

$(".submit").on("click", function() {
    const originalDate = $("#originalDate").val();

    if (!originalDate) {
        $(".result").text("Whoops. Your forgot to enter a date!");
    } else {
        convertDate(originalDate);
    }

});

function convertDate(date) {
    var sSplit = date.split("-"),
        sYear = sSplit[0],
        sMonth = sSplit[1],
        sDay = sSplit[2];


    $(".result").text(sYear + "年" + sMonth + "月" + sDay + "日");
}