将用户输入的日期转换为 JSON 毫米/日/年格式，并将其显示为结果

Convert a User Entered Date with JSON mm/dd/yyyy Format and Display It as a Result

本文关键字：格式 结果 显示 毫米 输入 用户 日期 JSON 转换      更新时间：2023-09-26

function eraseText() {
    document.getElementById("textbox").value = " ";
}
/*
var dateString = "'/Date(1334514600000)'/".substr(6);
var currentTime = new Date(parseInt(dateString ));
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var date = day + "/" + month + "/" + year; 
*/
var request;
var date;
function getUserRequest() {
    return document.getElementById("request_input").value;
}
function getUserDate() {
    return document.getElementById("date_input").value;
}
function display() {
    request = getUserRequest();
    date = getUserDate();
    document.getElementById("textbox").value = date + " - " + request;
} 
body 	{
				
		background-color:#f5f5dc;
		padding-left:100px; 
		padding-right:100px;
		padding-bottom:100px;
		}
form 	{
		outline-offset:12px;
    	outline-color:red;
		outline-width:3px;
		outline-style: solid;
		background-color:#008080;
		}
h2 	{
	color:#00cc00;
	text-align:left;
	}
p 	{
	color:blue;
	text-align:left;
	}
textarea 	{
			margin-left:430px
			}
#clearbutton 	{
				text-align:left;
				}
#submit 		{
				text-align:left;
				}
<!DOCTYPE html>
<html>
<head>
  <html lang="en">
  <title>Project 4</title>
  <link rel="stylesheet" type="text/css" href="project4css.css">
  <script src="project4js.js"></script>
</head>
<meta charset="utf-8">
<form id='form' name="form1" method = 'post'>
    
    <h2>Change and Update Packages</h2>
    <textarea id="textbox" rows="10" cols="50">
    </textarea>
    <p>Enter Your Request:</p>
    <input type="text" id="request_input" name="request">
    <p>Request Date:</p>
    <input type="text" id="date_input" name="date">
<br>
<br>
<br>
    <input id ="submit" type = "button" onclick="display()" value='Add Request'/>
    <br>
    <br>
    <input id="clear_button" type="button" name="clearbutton" value="Clear Request" onclick="javascript:eraseText();"> 
</form>
</body>
</html>

  • 当用户输入如下日期时：12/25/2016，它将被转换为这种类型的格式：星期一十二月25 2016。 我有使用文本框中显示的javascript的功能，但目前没有发生转换。我在那里有 JSON，但不知道如何使用它。

展开代码段以修复文本框。

只需与输入类型="date" 和 toUTCString(( 一起使用即可。

function check(){
  var dates = document.getElementById('date').value;
  console.log(new Date(dates).toUTCString())
  
  }
<input type="date" id="date" onchange="check()">check me

使用 JSON 更新答案 

function eraseText() {
    document.getElementById("textbox").value = " ";
}
function display() {
     var request = document.getElementById("request_input").value;
     var dates = document.getElementById("date_input").value;
       var d=new Date(dates);
  var date_array=  '{"test_day":"'+d.getDay()+'","test_date":"'+d.getDate()+'","test_month":"'+d.getMonth()+'", "test_year":"'+d.getFullYear()+'","test_utc":"'+d.toUTCString()+'"}';
  var obj = JSON.parse(date_array);
  document.getElementById("textbox").value = obj.test_utc +'-'+request;
  console.log(obj)
    
}
body 	{
				
		background-color:#f5f5dc;
		padding-left:100px; 
		padding-right:100px;
		padding-bottom:100px;
		}
form 	{
		outline-offset:12px;
    	outline-color:red;
		outline-width:3px;
		outline-style: solid;
		background-color:#008080;
		}
h2 	{
	color:#00cc00;
	text-align:left;
	}
p 	{
	color:blue;
	text-align:left;
	}
textarea 	{
			margin-left:430px
			}
#clearbutton 	{
				text-align:left;
				}
#submit 		{
				text-align:left;
				}
<form id='form' name="form1" method = 'post'>
    <h2>Change and Update Packages</h2>
  <textarea id="textbox" rows="10" cols="50"></textarea>
  <p>Enter Your Request:</p>
    <input type="text" id="request_input" name="request">
<p>Request Date:</p>
    <input type="date" id="date_input" name="date">
<br>
<br>
<br>
<input id ="submit" type = "button" onclick="display()" value='Add Request'/>
<br>
 <br>
  <input id="clear_button" type="button" name="clearbutton" value="Clear Request" onclick="javascript:eraseText();"> 
</form>

我不能对另一个答案发表评论，但使用 <input type="date"> 不适用于除 Chrome 和 Firefox 之外的其他浏览器。

你可以改用Date.parse((

相关文章：