I've been working on a little project with Java Spring. I've already set the table structure in Navicat to be able "null" values. I have also set the model to be able to null values.
But still, I can't input null values into the column and received this error messages.
FYI: I'm using Spring Tool Suite 3.9.7 IDE
Field error in object 'sertifikasihapus' on field 'modified_on': rejected value []; 
codes [typeMismatch.sertifikasihapus.modified_on,typeMismatch.modified_on,typeMismatch.java.sql.Timestamp,typeMismatch]; 
arguments [org.springframework.context.support.DefaultMessageSourceResolvable: codes [sertifikasihapus.modified_on,modified_on]; 
arguments []; 
default message [modified_on]]; 
default message [Failed to convert property value of type 'java.lang.String' to required type 'java.sql.Timestamp' for property 'modified_on'; 
nested exception is org.springframework.core.convert.ConversionFailedException: Failed to convert from type [java.lang.String] to type [@javax.persistence.Column java.sql.Timestamp] for value ''; 
nested exception is java.lang.IllegalArgumentException: Timestamp format must be yyyy-mm-dd hh:mm:ss[.fffffffff]]]
<script>
  $('#idBtnHapusHapus').click(function() {
   var vDataRole = $('#idFrmHapusSertifikasi').serialize();
   var angka = $('#Id').val();
   var nama = $('#idNamaSertifikasi').val();
   if ($("#idModifiedOn").val().length < 1) {
    $('#idModifiedOn').val(null);
    debugger;
    $.ajax({
     url : './hapussertifikasi/' + angka,
     type : 'Put',
     data : vDataRole,
     dataType : "json",
     success : function(model) {
      debugger;
      window.location = './sertifikasi'
     },
     error : function(model) {
      debugger;
     }
    });
   } else {
    debugger;
    $.ajax({
     url : './hapussertifikasi/' + angka,
     type : 'Put',
     data : vDataRole,
     dataType : "json",
     success : function(model) {
      debugger;
      window.location = './sertifikasi'
     },
     error : function(model) {
      debugger;
     }
    });
   }
  });
 </script><div class="col-xs-12">
  <div class="row">
   <form id="idFrmHapusSertifikasi" method="post">
    <input type="hidden" class="form-control" id="Id" name="id"
     placeholder=""> 
    <input type="hidden" class="form-control"
     id="idNamaSertifikasi" name="certificate_name" placeholder="">
    <input type="hidden" class="form-control" id="idBulanBerlaku"
     name="valid_start_month" placeholder=""> 
    <input
     type="hidden" class="form-control" id="idTahunBerlaku"
     name="valid_start_year" placeholder=""> 
    <input
     type="hidden" class="form-control" id="idPenerbit" name="publisher"
     placeholder=""> 
    <input type="hidden" class="form-control"
     id="idBulanBerlakuS" name="until_month" placeholder=""> 
    <input
     type="hidden" class="form-control" id="idTahunBerlakuS"
     name="until_year" placeholder=""> 
    <input type="hidden"
     class="form-control" id="idCatatan" name="notes" placeholder="">
    <input type="hidden" class="form-control" id="idCreateOn"
     name="createOn" placeholder="">
     <input type="hidden"
     class="form-control" id="idCreateBy" name="createBy" placeholder="">
    <input type="hidden" class="form-control" id="idModifiedOn"
     name="modified_on" placeholder=""> 
    <input type="hidden"
     class="form-control" id="idModifiedBy" name="modified_by"
     placeholder="">
   </form>
   <div class="col-xs-2">
    <i class="glyphicon glyphicon-trash center" style="font-size: 50px"></i>
   </div>
   <div class="col-xs-8">
    <div class="clTulisanHapus center" id="idTulisanHapus">
     <p>Anda Yakin ingin menghapus Sertifikasi</p>
     <!-- I WANTED THE CERTIFICATE NAME TO BE HERE -->
     <div th:each="item:${oneprofil}">
      <b><p th:text="${item.certificate_name}+' ?'"></p></b>
     </div>
    </div>
   </div>
  </div>
 </div>
 <div class="col-md-offset-8">
  <div class="btn-group">
   <input type="hidden" id="idDataId"> <input type="hidden"
    id="idDataNama">
   <button type="button" id="idBtnHapusBatal" data-dismiss="modal"
    class="btn clBtnMdlHapus">Tidak</button>
   <button type="button" id="idBtnHapusHapus" data-id="${item.id}"
    class="btn clBtnMdlHapus">Ya</button>
  </div>
 </div> 
     
    