今日再做一個時間儲存到資料庫中的東西，所用的是bootstrap的日曆外掛，但是存在的一個問題是如何將所選時間傳值到後臺的action中，嘗試了多種方法始終達不到想要的效果，最終經過偶然發現可以使用ajax的非同步傳輸將所需要的資料傳遞到後臺。

我的程式碼為：

日期外掛程式碼：

<div class="controls">
 <div class="input-prepend input-group">
   <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
 

入住日期-退房日期</span><input type="text" readonly style="width: 200px" name="reservation" id="reservation" class="form-control" value="2018-6-21-2018-6-28" /> 

</div>

</div>

傳值到後臺的程式碼為：

<script type="text/javascript">
	$(document).ready(function() {
		//按鈕點選事件
		$("#submit").click(function() {
		//發起非同步請求//引數一：請求的地址；引數二：傳遞的引數；引數三：回撥函式，接收伺服器回傳的資料
		$.post("customervalue.action", {"reservation" : $("#reservation").val()});});});
</script>