平常我們在使用Ajax Tool Kit中提供的Calendar,如果想要同時讓多個欄位都能夠有這樣子的功能,難道只能每一個TextBox都放一個CalendarExtender嗎?前陣子學到了另外一種使用方式,配上jQuery,就可以輕鬆的控制所有你想要讓他成為有選擇日期功能的TextBox哦!
首先...畫面上還是要放一個CalendarExtender,讓AjaxCalendarExtender掛進來,這時候我們檢示原始檔應該可以看到如下的JavaScript:
Sys.Application.add_init(function() { $create (AjaxControlToolkit.CalendarBehavior, {"id":"TextBox1_CalendarExtender" }, null, null, $get("TextBox1") ); }); 在了解了CalendarExtender是怎麼產生的之後,我們就可以修改一下:p
我在網頁上多放了另外三個TextBox,並且加上DateTextBox的Css。接下來就模仿Ajax,自己在Sys.Application.add_init加上$ceate的動作。就可以看到其它的TextBox也有相同的功能囉!
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)