datetime-local的格式为 YYYY-MM-DDTHH:mm:ss ，注意日期和时间之间有一个 T ，这是 ISO 8601 的标准

不过，在Java后端，一般都是用 Date 类型接收时间，然后存入数据库。如果直接用Java的 LocalDateTime 接收，然后存入数据库，数据库会找不到和 LocalDateTime 类型对应的数据库类型

这时候需要将 datetime-local 转为 Date 类型。一种方式是在后端操作，需要在接收时间参数后进行格式转换，似乎可行。不过实际操作来看，如果用 @RequestBody 接收对象类型，那么这种方式不太可行。另一种方式就是在前端发送JSON给服务器之前，将之转为 Date 类型

表单中的日期时间控件命名id为 startDate ，用于在脚本中初始化该控件的时间，比当前时间多一个小时用于预定时间

也可以用 value="YYYY-MM-DDTHH:mm:ss 的格式，初始化日期时间控件

<form id="order">
    <table>
            <td>服务时间：</td>
            <td><input id="startDate" type="datetime-local" name="startDate"></td>
            <td>预付款：</td>
            <td><input name="advancePayment"></td>
            <td>支付方式：</td>
                <select name="paymentMethod">
                    <option value="0">在线支付</option>
                    <option value="1">公司转账</option>
                </select>
                <button type="button" onclick="sendOrder()">添加订单</button>
    </table>
</form>

脚本中最开始用比当前时间多一个小时的时间初始化日期时间控件，注意日期和时间之间的 T

然后当点击按钮时，调用 sendOrder() 函数，先将表单中的日期时间控件的 datetime-local 的值转为 Date 类型。再将表单转为JSON发送到后端

<script>
    //设置表单中的初始时间，比当前时间多一小时
    var now = new Date();
    now.setHours(now.getHours() + 1);
    var str = now.getFullYear() + "-" + fix((now.getMonth() + 1), 2) + "-" + fix(now.getDate(), 2) + "T" + fix(now.getHours(), 2) + ":" + fix(now.getMinutes(), 2);
    $("#startDate").val(str);
    //将日期格式化为两位，不足补零
    function fix(num, length) {
        return ('' + num).length < length ? ((new Array(length + 1)).join('0') + num).slice(-length) : '' + num;
    //发送订单
    function sendOrder() {
        //将datetime-local转换为Date
        x = $("#startDate").val();
        now.setFullYear(parseInt(x.substring(0, 4)));
        now.setMonth(parseInt(x.substring(5, 7)) - 1);
        now.setDate(parseInt(x.substring(8, 10)));
        now.setHours(parseInt(x.substring(11, 13)));
        now.setMinutes(parseInt(x.substring(14, 16)));
        //获取表单数据，并序列化
        var formData = $("#order").serializeArray();
        //将序列化数据转为对象
        var formObject = {};
        for (var item in formData) {
            formObject[formData[item].name] = formData[item].value;
        formObject.startDate = now;
        var formJSON = JSON.stringify(formObject);
        //发送JSON到服务器
        $.ajax({
            type: "POST",
            url: "<%=basePath%>/order/addOrder",
            contentType: "application/json",  //一定要设置这一行，很关键
            data: formJSON,
            datatype: "json",
            success: function (data) {
                alert(JSON.stringify(data));
</script>

不需要moment.js tl;博士 通过执行npm install react- datetime -picker或yarn add react- datetime -picker npm install react- datetime -picker 。 通过添加import DateTime Picker from 'react- datetime -picker'来import DateTime Picker from 'react- datetime -picker' 。 通过添加< DateTime Picker> 。 使用onChange道具获取新 值 。 可以在sample目录中找到一个最小的演示页面。 寻找只是一个日期选取器或一个时间选择器？ React- DateTime -Picker 可以 公司的项目实体类日期类 型 是 Local Date 或者 Local DateTime 。 问题描述： mysql数据源从hikari切换为druid后，数据库的 datetime 和timestamp类 型 无法 转化 为 Local Date 和 Local DateTime 了。 原因分析： 百度了一下，都说是什么mybatis版本的原因。但是我是切换了数据源出现的，也就是说问题出在数据源。 解决方案： 经过一番思考之后，总结出：如果使用的数据源是druid，有两种解决方法：一是mybatis版本需要降到3.0.1，二是ja 在 Java Local DateTime 和 Date 之间进行转换1. Local DateTime 转 Date 示例2. Date 转 Local DateTime 示例参考文献 本页将提供从 Java java .time. Local DateTime 到 java .util. Date 以及从 java .util. Date 到 java .time. Local DateTime 的转换实例。 Java 8中引入的 Local DateTime 是没有时区的日期时间。 Date 表示一个特定的时间瞬间，精度为毫秒。 1. Local DateTime 大家在开发过程中必不可少的和日期打交道，对接别的系统时，时间日期格式不一致，每次都要 转化 ！每次写完就忘记了，小编专门来整理一篇来详细说一下他们四个的转换的方法，方便后面使用！！需要注意的是，在使用时需要注意时区和时间戳的问题，否则可能会出现一些错误。总之，熟练掌握这些类 型 之间的转换方式可以提高我们的开发效率，也可以避免一些常见的错误，在实际开发中能够更加高效地处理日期时间相关的任务。如果对你有帮助，还请动一下您的发财小手，关注一下公众号哈！！！ @PostMapping("/meetingShow") //接受前端传递的 值 public void meetings(String startTtime) throws ParseException { //处理传递的时间 <form action="${path}/manage/borrow/test" method="post"> < input type=" datetime - local " name="time"> < input type="submit" value="提交"> </form> 标签样式： 二、 Local DateTime ， Local Date ， Local Time与 Date 的相互转换小实例 ① Local DateTime 与 Date 的相互转换 * Local DateTime 转 Date //获取当前时间 Local DateTime local DateTime = Local DateTime .now(); //获取系统默认是时区，如：Asia/Shanghai... HTML5中的新对象 Datetime Local 可用于本地时间选择，是H5中很棒的新功能！在不考虑老版IE、FF的情况下能打打减少我们的开发花销。 1.可用 Date 对象的getTime()方法获取时间戳！ 如： var oTimer = document.getElementById('timer');    var timeStamp = new Date (oTimer.va this.getTimeDiff("2022-11-28 19:30:24") // {text: '时间已超过30分钟', timeDiff: '0天21时28分40秒40毫秒', date Obj: {day: 0, hour: 21, min: 28, sec: 40, ms: 40}}this.timeConvertReveal("2020-11-27 14:38:16") // 2年前。7天前的日期：this.getAgoLater Date (-7) // 2022-11-20。 做毕设时也没用别的时间类 型 的第三方的插件，直接用的\< input type=" datetime - local "> 之后直接用ajax把表单提交了，但是后端用 Local DateTime 接收的话会报错，如果用@Valid 和BindingResult就可以看到报错信息了，而且也接收不到时间，所以记录一下。 通过在字段上加@ DateTime Format(pattern = "yyyy-MM...