Ajax Calendar的另類用法

Ajax Calendar的另類用法

平常我們在使用Ajax Tool Kit中提供的Calendar,如果想要同時讓多個欄位都能夠

有這樣子的功能,難道只能每一個TextBox都放一個CalendarExtender嗎?前陣子學

到了另外一種使用方式,配上jQuery,就可以輕鬆的控制所有你想要讓他成為有選擇日

期功能的TextBox哦!

首先...畫面上還是要放一個CalendarExtender,讓AjaxCalendarExtender掛進

,這時候我們檢示原始檔應該可以看到如下的JavaScript:

{
    $create
	(AjaxControlToolkit.CalendarBehavior, 
		{"id":"TextBox1_CalendarExtender"
		}, null, null, $get("TextBox1")
	);
});

在了解了CalendarExtender是怎麼產生的之後,我們就可以修改一下:p

我在網頁上多放了另外三個TextBox,並且加上DateTextBox的Css。接下來就模仿Ajax

,自己在Sys.Application.add_init加上$ceate的動作。就可以看到其它的TextBox

也有相同的功能囉!

image

image