首页 > 解决方案 > 在JS中分别将datetime转换为日期时间格式

问题描述

目前我的日历有这个 html

<!--Grid column-->
<div class="col-md-6">
<div class="md-form mb-0">
    <input placeholder="Selected date" data-toggle="datepicker" type="text" id="myDate" name="myDate" class="form-control datepicker">
    <label for="myDate" id="dateLabel">Estimated Start Date</label>
</div>
</div>
 <!--Grid column-->

目前我有这个

var est_start_date = $(this).attr('data-esd');

以及我使用此代码将其放置到文本框中的值

$('#myDate').val(est_start_date);

其中包含这样的值

在此处输入图像描述

如您所见,数据还包括时间

如何将日期时间格式化为这样的东西MM/DD/YYYY

在此处输入图像描述

也将时间分隔为这种格式

在此处输入图像描述

标签: javascriptjquery

解决方案


让 date=new Date(document.querySelector('#myDate').value)

日期部分 ===> date.toLocaleDateString() 。

时间部分 ====> date.toLocaleTimeString() 用于时间部分。

从下面的答案:

将日期和时间拆分为两个元素


推荐阅读