<script src="/js/jquery-1.8.3.min.js"></script>


<!-- ! 日期 js,css -->

<script src="/js/jquery-ui.js"></script>

<link rel="stylesheet" href="/css/demo.css">



<form >

<li >

<span>切换试图</span>

<select onchange="choose_status(this);" id="changeview" name="changeview" class="form-control">

<option label="所有交易" value="all">所有交易</option>

<option selected="selected" label="进行中的交易" value="current">进行中的交易</option>

<option label="已完成的交易" value="completed">已完成的交易</option>

<option label="已取消的交易" value="cancelled">已取消的交易</option>

<option label="待处理的交易" value="needaction">待处理的交易</option>

<option label="待评价的交易" value="needfeedback">待评价的交易</option>

</select>

<script>

document.getElementById("sel1").selected=true;

</script>

</li>

<li >

<span>行为:</span>

<select onchange="choose_type(this)" id="filter" name="filter" class="form-control">

<option selected="selected" label="全部" value="all">全部</option>

<option label="买入" value="buying">买入</option>

<option label="卖出" value="selling">卖出</option>

</select>

</li>

<li >

<span>时间范围</span>

<input type="text" id="datepicker1" class="form-control "><small> - </small><input type="text" id="datepicker2" class="form-control ">

<button type="button" id="search" onclick="search()" value="search" class="button button-primary button-rounded button-small">查询</button>

</li>

<div class="clear"></div>

</form>


<!-- ! 查询 JS -->

<script>


function choose_status(a){

var status = a.value;

// alert(status);

}

function choose_type(b){

var user_type = b.value;

// alert(type);


}

$("#search").click(function(){

// alert('search');

var status = $("#changeview option:selected").val();

var user_type = $("#filter option:selected").val();

var start_time = $("#datepicker1").val();

var end_time = $("#datepicker2").val();

query = status +'\n'+ user_type + '\n'+start_time +'\n'+end_time;

alert(query);

});


</script>


<!-- ! 日期 JS -->

<script>

$(function() {

$( "#datepicker1" ).datepicker();

$( "#datepicker2" ).datepicker();

});

</script>