asp.net用日期插件,當選中一個日期時觸發一個事件,以查詢當前日期的數據。這
是要跟數據庫交互的。先貼出控件代碼:
<asp:TextBox ID="txtDate" CssClass="Wdate" Style="width: 91px;" runat="server"
onfocus="WdatePicker({maxDate:'%y-%M-%d',isShowClear:false,readOnly:true})"
onpropertychange="showValue(this.value)" ></asp:TextBox>
日
<asp:HiddenField ID="hiddenDate" runat="server"
OnValueChanged="hiddenDate_ValueChanged"
EnableViewState="false" />
<div style="display: none;">
<asp:ImageButton ID="btnHid" runat="server"
ImageUrl="~/Resource/images/Btn_Find.gif"
CausesValidation="false" align="absmiddle"
OnClick="btnHid_Click" />
</div>
如果要實現這個目的,肯定要用到後臺代碼,也需要用到javascript代碼。javascript代碼
如下:
<script type="text/javascript">
//記錄用戶上一次輸入的日期。
var today = new Date();
var todayMonth;
var todayDate;
//格式化當前“月”,“日”格式。
if ((today.getMonth() + 1) < 10) {
todayMonth = "0" + (today.getMonth() + 1);
}
if (today.getDate() < 10) {
todayDate = "0" + today.getDate();
}
//獲得當前的日期。
var oldValue = today.getFullYear() + "-" + todayMonth + "-" + todayDate;
function showValue(obj) {
//當查詢日期不爲空時,就觸發查詢按鈕。
if (obj != "" && obj != oldValue) {
oldValue = obj;
$('#txtName').get(0).select();
$("#hiddenDate").val(obj);
$('#btnHid').trigger("click");
return false;
}
}
</script>
javascript代碼主要是判斷當前選中日期不爲空,並且是選擇的一個新日期。纔會觸發一個
隱藏控件的OnValueChanged,也可以觸發一個按鈕事件,都可以達到目的。日期控件的事件
就是 onpropertychange="showValue(this.value)"用javascript代碼。
下面就是後臺代碼了:
//根據用戶選擇的時間查詢。
protected void hiddenDate_ValueChanged(object sender, EventArgs e)
{
//後臺代碼
}
//根據用戶選擇的時間查詢。
protected void btnHid_Click(object sender, ImageClickEventArgs e)
{
//後臺代碼
}
這兩個都可以用。
這篇博文只要說明的是怎麼用前臺非服務器控件文本框(雖然本篇博文用的是服務器控件,但
是HTML控件也是一樣的效果。),文本的改變觸發後臺事件,以執行後臺代碼。