demoshop

AJAX Toolkits中提供了CalendarExtender元件，的確是幫我們處理掉日期輸入的問題，此篇是說明如何將pop出的日曆顯示中文以及西元年改變為民國年的作法

▲我們在頁面上丟一個文字方塊來作為CalendarExtender觸發之用

<ajaxtoolkit:calendarextender id="TextBox1_CalendarExtender" runat="server" enabled="True" format="yyyy/MM/dd" targetcontrolid="TextBox1">  </ajaxtoolkit:calendarextender>

這樣子出來的日期格式就是2008/05/20因為我們使用了Format="yyyy/MM/dd"，當我們把ScriptManager或是ToolkitScriptManager的屬性EnableScriptGlobalization="True"、EnableScriptLocalization="True" 這樣日曆就會顯示為中文了。

▲將2008/05/20改為民國年的作法 大家都知道西元年-1911就是民國年，所以我們利用此公式來處理日期格式我們必須要多加一個屬性OnClientDateSelectionChanged="Conversion"如下

<ajaxtoolkit:calendarextender targetcontrolid="TextBox1" onclientdateselectionchanged="Conversion" format="yyyy/MM/dd" enabled="True" runat="server" id="TextBox1_CalendarExtender">  </ajaxtoolkit:calendarextender>

然後就要在頁面中撰寫Conversion的內容

function Conversion( )
{
var year = parseInt( document.getElementById ( 'TextBox1' ).value.substr ( 0,4 ) ) - 1911;
document.getElementById ( 'TextBox1').value = year + document.getElementById ( 'TextBox1' ).value.substr ( 4, 6 );
} 

這樣子就完成了，有需要的可以試試看唷