JeePlus富文本框、時間框

1、 時間框

vue.js中使用

一、效果展現

 

二、相關代碼---JSP頁面

（1）時間字段初始化

（2）時間格式

2、富文本框

 

一、效果展現

 

二、添加字段

（1）數據庫

（2）實體類

三、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>