控制器代码:
using Layout.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace Layout.Controllers
{
public class DateTimeController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult GetJson1()
{
Student student = new Models.Student();
student.ID = 1;
student.Name = "张艺兴";
student.Age = 28;
student.Pwd = "123";
student.Tel = "12345432";
student.Birthday = DateTime.Now;
return Json(student, JsonRequestBehavior.AllowGet);
}
}
}
Models代码:
using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;
namespace Layout.Models
{
public class Student
{
public int ID { get; set; }
[Required(ErrorMessage = "{0}姓名必填")]
[RegularExpression(@"[\u4e00-\u9fa5_a-zA-Z0-9_]{2,10}", ErrorMessage ="姓名格式不正确!")]
public string Name { get; set; }
[Range(18, 40, ErrorMessage = "{0}你的年龄不适合!")]
public int Age { get; set; }
public string Pwd { get; set; }
[Required(ErrorMessage = "必填")]
[Display(Name = "手机号")]
[RegularExpression(@"^1[34589][0-9]{9}$", ErrorMessage = "手机号码格式不正确!")]
public string Tel { get; set; }
public DateTime Birthday { get; set; }
}
}
视图层代码:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/scripts/jquery-3.3.1.min.js"></script>
<script>
$(function () {
$.getJSON("/DateTime/GetJson1", function (data) {
var dateText = data.Birthday;
//getLocalTime:取得本地日期和时间
document.write(getLocalTime(dateText));
});
});
function getLocalTime(dateText) {////json日期格式转换为正常格式
//new Date():返回一个日期对象,可以调用getDate()
//parseInt():可解析一个字符串,并返回一个整数
//10:十进制
//replace():方法用于在字符串中用一些字符替换另一些字符
var date = new Date(parseInt(dateText.replace("/Date(", "").replace(")/", ""), 10));
var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
return date.getFullYear() + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
};
</script>
</head>
<body>
<div>
</div>
</body>
</html>