html - HTML5 日期时间本地选择器 日期和时间格式到另一个字段
问题描述
我目前正在使用 HTML 5 Datetime-local 输入来获取我的日期和时间数据,然后将其复制到另一个输入字段中,但是当它被复制时,它会以不同的方式格式化日期和时间。如何在将日期/时间添加到输入字段之前对其进行格式化?
<input id="dt" class="input" type="datetime-local">
jQuery:
$(document).ready(function () {
$('#dt').on('change', function () {
$('#datetime').val($(this).val())
})
})
TIA
解决方案
您可以使用 JavaScript 轻松编辑本地日期时间的值
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<title></title>
</head>
<body>
<label for="datetime">datetime</label>
<input type="text" name="datetime" id="datetime" value="" />
<input id="dt" class="input" type="datetime-local" onchange="dateTimeFormat()">
<script type="text/javascript" charset="utf-8">
function dateTimeFormat(){
let unformattedDT = dt.value;
let processingDate = unformattedDT.replace(/-/g,"/");
console.log(processingDate);
let list=processingDate.split("T");
datetime.value =`${list[0]} , ${list[1]}`;
}
</script>
</body>
</html>
推荐阅读
- mongodb - MongoDB nReturned in executionStats
- python - 查找具有与 id 匹配的最近时间戳的行,并添加具有值的行
- python - 我怎样才能用python得到这个输出?熊猫有用吗?
- html - CR 中的跨文本对齐
- python - 用于使标准输出不起作用的 Python PyQt5 信号
- python - Django:注释不同表中两列的 Sum()
- angular - 添加 @agm/core 导入语句后的错误(Angular 7)
- javascript - 为什么不将 scrollIntoView 应用于 vuejs 中的选定元素?
- git - 如何使用 Pycharm 将我的基本 github 身份验证更改为 Git 操作的令牌身份验证要求
- c# - 无法使用 Selenium/c# 单击 Dynamics365 下拉菜单 - “ElementNotVisibleException”