JeePlus富文本框、时间框

最新推荐文章于 2022-12-27 10:16:05 发布

weixin_34301132

最新推荐文章于 2022-12-27 10:16:05 发布

阅读量589

点赞数

文章标签： javascript python 数据库 ViewUI

原文链接：https://my.oschina.net/u/3669033/blog/1552054

版权

2019独角兽企业重金招聘Python工程师标准>>>

一、时间框

vue.js中使用

1、效果展示

2、相关代码---JSP页面

（1）时间字段初始化

（2）时间格式

二、富文本框

1、效果展示

2、添加字段

（1）数据库

（2）实体类

3、JSP页面

（1）引入相关插件

<meta name="decorator" content="default"/>
<link href="${ctxStatic}/summernote/summernote.css" rel="stylesheet">
<link href="${ctxStatic}/summernote/summernote-bs3.css" rel="stylesheet">
<script src="${ctxStatic}/summernote/summernote.min.js"></script>
<script src="${ctxStatic}/summernote/summernote-zh-CN.js"></script>

（2）富文本初始化

$("#needContent").val($("#rich_needContent").next().find(".note-editable").html());//取富文本的值 $("#inputForm").submit();

$(document).ready(function () {
    //富文本初始化
    $('#rich_needContent').summernote({
        lang: 'zh-CN'
    });
    $("#rich_needContent").next().find(".note-editable").html(  $("#needContent").val());

    $("#rich_needContent").next().find(".note-editable").html(  $("#rich_needContent").next().find(".note-editable").text());


})

（3）具体需求

<td class="width-15 active" ><label class="pull-right"><font color="red">*</font>具体需求：</label></td>
<td class="width-35" colspan="3">
      <form:hidden path="needContent"/>
   <div id="rich_needContent">

   </div>

（4）配置文件

<!--富文本框-->
<resultMap type="AlgorithmNeed" id="AlgorithmNeedResult" autoMapping="true">
   <result column="need_content" property="needContent"   typeHandler="com.jeeplus.common.mapper.ConvertBlobTypeHandler"/>
</resultMap>

转载于:https://my.oschina.net/u/3669033/blog/1552054