zoukankan      html  css  js  c++  java
  • 日期组件,精确日期到分秒,以及类型的转换

    先看图就这种:

    实现:

        1先引入js

                  laydate.js 可以去网上找一下引入

    使用:

         html:

          <label class="col-md-6 control-label"><span class="font-red">*</span>开始时间:</label>
          <div class="col-md-6 input-group">
            <input type="text" class="form-control layui-input"
            id="start_time" name="startTime" placeholder="请选择开始时间"readonly="readonly"required="required">
          </div>

          <label class="col-md-6 control-label"><span class="font-red">*</span>结束时间:</label>
          <div class="col-md-6 input-group">
            <input type="text" class="form-control layui-input" id="end_time"
            name="endTime" placeholder="请选择结束时间"readonly="readonly" required >
          </div

        js:

          

          //时间选择器
          laydate.render({
            elem : '#start_time',
            type : 'datetime'
          });
          laydate.render({
            elem : '#end_time',
            type : 'datetime'
          });

         

         

              然后我提交表单数据报错了。。。。。

             错误信息:Failed to convert from type java.lang.String to type java.util.Date for value '2019-07-22 17:41:13'; nested exception is java.lang.IllegalArgumentException]",

              打断点走一走,咦发现后台接口没走到就错误了,还以为是前台的问题呢,

               解决方式:

                后台添加代码:

                  

          @InitBinder
          public void initBinder(WebDataBinder binder, WebRequest request) {
            //转换日期 注意这里的转化要和传进来的字符串的格式一直 如2015-9-9 就应该为yyyy-MM-dd
            DateFormat dateFormat=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            binder.registerCustomEditor(Date.class, new CustomDateEditor(dateFormat, true));// CustomDateEditor为自定义日期编辑器
          }

                     具体详解看网站:https://cloud.tencent.com/developer/article/1332690

                   ok解决了。

                  其他用到的:

                         <fmt:formatDate value="${pcgl.startTime}" pattern=" yyyy年MM月dd:HH:mm E"/>    

            <input type="text" class="form-control layui-input"
            id="start_time" name="startTime" value="<fmt:formatDate value="${info.startTime}" pattern="yyyy-MM-dd HH:mm:ss" />"

                大概就这些了吧,来自垃圾程序员bcli的总结,有兴趣大家可以一起交流问题QQ:308080198   密保问题随便填写

            

  • 相关阅读:
    java中Condition类的详细介绍(详解)
    Semaphore原理以及使用总结
    RocketMQ消息存储原理总结(一)
    Es Bucket聚合(桶聚合)总结
    "元素隐式具有 “any” 类型,因为类型“Shared”没有索引签名"问题解决思路
    有关生产环境tomcat java应用报错Caused by: java.lang.OutOfMemoryError: Java heap space的调研
    docker 实践02
    正睿比赛总结day1
    【水】一个神秘玩意:如何分辨出差别很小的颜色?
    AtCoder Regular Contest 125 比赛记录(vp)
  • 原文地址:https://www.cnblogs.com/liglacier/p/11227634.html
Copyright © 2011-2022 走看看