最近要製作一個人員資訊，需要使用到My97DatePicker的日期控制元件，然後獲取到選定的日期資訊，呼叫loushang框架的後端cmd存入到資料庫。

• 資料庫表 person_info
  

• 可自行設計，只使用到create_time 欄位
  注意：create_time (建立時間) 型別為date

• 前端頁面 ：

//引入My97DatePicker控制元件的js     可自行去百度下載
<script type="text/javascript" src="/jsp/util/My97DatePicker/WdatePicker.js"></script>

//時間控制元件
<input class="form-control" id="createTime" name="createTime"  type="text" placeholder="" maxlength="50" onclick="WdatePicker()">

<button style="width: 80%" class="btn btn-success btn-sm" onclick="confirm1()">確定</button>

 

• js 部分

function confirm1(){
   //通過 id獲取到值
			var createTime = $("#createTime").val();
			//呼叫後端的方法，這裡使用的是loushang框架的cmd方法
			//可自行去寫jq的post方法，傳值，就不舉例了
			var command = new L5.Command("com.hrt.envir.a.personinfo.PersonInfoSaveCommand");
			command.setParameter("createTime", createTime); //傳參
			command.execute("save"); //執行save方法
		}
 

• pojo類

//表註解，程式碼資料庫對應的peron_info表
@Table(tableName = "PERSON_INFO",keyFields="PERSON_ID" )
public class PersonInfo{
	
	//主鍵 id
	@Column(name = "PERSON_ID")
	private String personId;
	//人員名稱
	@Column(name = "PERSON_NAME")
	private String personName;
	//人員簡介
	@Column(name = "PERSON_INFO")
	private String personInfo;
	// 建立時間
	@Column(name = "CREATE_TIME")
	private Date createTime;
	//聯絡方式
	@Column(name = "PHONE")
	private String phone;
	//工作工齡
	@Column(name = "AGE")
	private String age;
	//狀態
	@Column(name = "STATE")
	private String state;

	public void setPersonId(String personId){
		this.personId=personId;
	}
	public String getPersonId(){
		return personId;
	}
	public void setPersonName(String personName){
		this.personName=personName;
	}
	public String getPersonName(){
		return personName;
	}
	public void setPersonInfo(String personInfo){
		this.personInfo=personInfo;
	}
	public String getPersonInfo(){
		return personInfo;
	}
	public void setCreateTime(Date createTime){
		this.createTime=createTime;
	}
	public Date getCreateTime(){
		return createTime;
	}
	public void setPhone(String phone){
		this.phone=phone;
	}
	public String getPhone(){
		return phone;
	}
	public void setAge(String age){
		this.age=age;
	}
	public String getAge(){
		return age;
	}
	public void setState(String state){
		this.state=state;
	}
	public String getState(){
		return state;
	}
	@Override
	public String toString() {
		return "PersonInfo [personId=" + personId + ", personName=" + personName + ", personInfo=" + personInfo
				+ ", createTime=" + createTime + ", phone=" + phone + ", age=" + age + ", state=" + state + "]";
	}
}


 

• cmd部分

import java.text.DateFormat;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

import org.loushang.next.dao.DaoFactory;
import org.loushang.next.data.DataSet;
import org.loushang.next.data.ParameterSet;
import org.loushang.next.web.cmd.BaseAjaxCommand;

import com.hrt.envir.util.BusinessUtil;

public class PersonInfoSaveCommand extends BaseAjaxCommand{
	//使用樓上5的工具類獲取Dao
    private IPersonInfoDao dao=(IPersonInfoDao) DaoFactory.getDao(PersonInfoDao.class);
	
	
	public void save(){
		//建立物件
		 ParameterSet pSet=getParameterSet();
        //獲取時間引數
 		String createTime=(String) pSet.getParameter("createTime");
 	   //格式化時間型別
 	     DateFormat format1 = new SimpleDateFormat("yyyy-MM-dd");  
 		Date date = null;
 			
 				
 		try {
   	//字串型別日期轉date
 			date = (Date) format1.parse(createTime);
 		} catch (ParseException e) {
 			// TODO Auto-generated catch block
 			e.printStackTrace();
 		}  
 	     
 	 			PersonInfo pInfo=new PersonInfo();
 				personId = BusinessUtil.getInstance().getNextSeqId(32); //uuid
 				pInfo.setPersonId(personId);
	 		   pInfo.setCreateTime(date);
 		 		dao.insert(pInfo);    //插入物件到資料庫。可自寫mysql的插入語句
 		 		//loushang框架dao層繼承的EntifityDao 封裝的insert方法
 	 		}
 	 	
 	   }
 		
	}

}

• 存入效果圖