时间戳

首页 > 解决方案 > 我需要在 javascript 代码中格式化日期值

javascript - 我需要在 javascript 代码中格式化日期值

问题描述

在 laravel 5、jquery 3、应用程序中，我使用 gijgo Datepicker 和输出格式

        $('#check_in_datepicker').datepicker({    
            uiLibrary: 'bootstrap4',
            iconsLibrary: 'fontawesome',
            showOtherMonths: true,
            selectOtherMonths: true,
            format: 'dd mmmm, yyyy'
        });

我得到了“2020 年 6 月 9 日”格式的值。我还需要将 javascript 代码中的日期值转换为类似的格式。我可以为此使用什么以及使用哪种格式？

谢谢！

标签： javascript

解决方案

如果您想使用 DOM API 在 vanilla Javascript 中进行操作，您可以按照以下方式进行操作：

const  x = document.querySelector("#date-picker");
x.addEventListener("change", (event) => {
    
  const inputDate = new Date(Date.parse(event.target.value));
  console.log(inputDate.toDateString())

});
<input type="date" id="date-picker" value="2017-06-01"/>

您甚至可以通过操作字符串或使用其他日期方法以其他方式格式化日期，查看MDN Docs 了解更多方法

推荐阅读