#freeze
閲覧総計:&counter();  (本日:&counter(today);  昨日:&counter(yesterday);)

 Ajax Control Toolkitは、日付入力に便利なCalendar Extenderという部品を
提供してくれている。早速使ってみた。 09/08/11

 ところが、このCalender Extenderは標準の方法での日本語表示化では、カレンダ
の表示の全てが日本語表示になってくれない。この欠点を補完するする方法が
↓このページに紹介されていたので、対応してみた。
http://devadjust.exblog.jp/7018028/

開発環境:VWD2005+AJAX1.0+Toolkit + SQL Server2005
サーバ:ASP.NET2.0+AJAX1.0 + SQL Server2005

【機能】TextBoxをクリックするとカレンダがポップアップし、日付が簡単に入力できる。
    (カレンダの表示が日本語化されているところが特徴)

【稼動サンプル】
http://www.kuri6005.useiis7.net/AjaxTr/Toolkit/Calendar.aspx
#ref(Calendar02.JPG);

作成時の画面
#ref(Calendar01.JPG);

コントロールの設定値
|~コントロール|~プロパティ|~値|~コメント|
|ScriptManager|EnableScriptGlobalization|True|Ajaxツールの表示を日本語に|
|~|EnableScriptLocalization|True|~|
|CalendarExtender|TargetControlID|TextBox1|ターゲットを指定|

【Calendar.aspx】
 <%@ Page Language="VB" %>
 
 <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <script runat="server">
 
     Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
         'Ajaxカレンダの表示を日本語化する
         'http://devadjust.exblog.jp/7018028/
         RegisterStartupScript("startup", "<script language='JavaScript'>" & _
             "var f = AjaxControlToolkit.CalendarBehavior.prototype._performLayout.toString();" & _
             "f = f.replace('MMMM, yyyy','yyyy年 M月').replace('MMMM d, yyyy','yyyy年 M月 d日');" & _
             "eval('AjaxControlToolkit.CalendarBehavior.prototype._performLayout = ' + f);" & _
         "<" & "/script>")
         '↑<scirpt runat="server">要素を閉じるためのタグと認識されないようにする為のワザ
         'JavaScriptの埋め込み方法
         'http://www.atmarkit.co.jp/fdotnet/dotnettips/160regscript/regscript.html
     End Sub
 
 </script>
 
 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
     <title>無題のページ</title>
 </head>
 <body>
     <form id="form1" runat="server">
          <asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True" EnableScriptLocalization="True" />
         Calendar Extenderのテスト(カレンダ表示の日本語化) 09/08/10<br />
         <br />
         【機能】TextBoxをクリックするとAjax Calendarが表示され、日付が入力できる。<br />
         日付:
         <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
         <cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1">
         </cc1:CalendarExtender>
         &nbsp;<br />
 
     </form>
 </body>
 </html>


【参考にしたページ】
1.Ajaxカレンダの表示を日本語化する 08/01/19
http://devadjust.exblog.jp/7018028/

2.JavaScriptコードの埋め込み方法 04/05/21
http://www.atmarkit.co.jp/fdotnet/dotnettips/160regscript/regscript.html
-- 1' --  &new{2010-12-14 (火) 01:05:52};
- 1 -- [[1]] &new{2012-02-18 (土) 13:48:38};
- 1 -- [[1]] &new{2012-02-18 (土) 13:48:40};
- 1 -- [[-1']] &new{2012-02-18 (土) 13:48:42};
-- 1' -- [[1]] &new{2012-02-18 (土) 13:48:43};
- 1 -- [[1]] &new{2012-02-18 (土) 13:48:44};
- 1 -- [[1]] &new{2012-06-29 (金) 08:37:19};
- 1 -- [[1]] &new{2012-06-29 (金) 08:37:21};
- 1 -- [[-1']] &new{2012-06-29 (金) 08:37:22};
-- 1' -- [[1]] &new{2012-06-29 (金) 08:37:24};
- 1 -- [[1]] &new{2012-06-29 (金) 08:37:25};
- 1 -- [[1]] &new{2012-07-03 (火) 22:45:27};
- 1 -- [[1]] &new{2012-07-03 (火) 22:45:31};
- 1 -- [[-1']] &new{2012-07-03 (火) 22:45:32};
-- 1' -- [[1]] &new{2012-07-03 (火) 22:45:33};
- 1 -- [[1]] &new{2012-07-03 (火) 22:45:34};
- 1 -- [[1]] &new{2012-07-06 (金) 17:51:21};
- 1 -- [[1]] &new{2012-07-06 (金) 17:51:24};
- 1 -- [[-1']] &new{2012-07-06 (金) 17:51:25};
-- 1' -- [[1]] &new{2012-07-06 (金) 17:51:26};
- 1 -- [[1]] &new{2012-07-06 (金) 17:51:27};
- 1 -- [[1]] &new{2012-07-07 (土) 10:26:18};
- 1 -- [[1]] &new{2012-07-07 (土) 10:26:21};
- 1 -- [[-1']] &new{2012-07-07 (土) 10:26:22};
-- 1' -- [[1]] &new{2012-07-07 (土) 10:26:23};
- 1 -- [[1]] &new{2012-07-07 (土) 10:26:24};
- 1 -- [[1]] &new{2012-07-07 (土) 16:48:34};
- 1 -- [[1]] &new{2012-07-07 (土) 16:48:39};
- 1 -- [[-1']] &new{2012-07-07 (土) 16:48:40};
-- 1' -- [[1]] &new{2012-07-07 (土) 16:48:42};
- 1 -- [[1]] &new{2012-07-07 (土) 16:48:44};
- 1 -- [[1]] &new{2012-07-15 (日) 14:29:35};
- 1 -- [[1]] &new{2012-07-15 (日) 14:29:39};
- 1 -- [[-1']] &new{2012-07-15 (日) 14:29:40};
-- 1' -- [[1]] &new{2012-07-15 (日) 14:29:41};
- 1 -- [[1]] &new{2012-07-15 (日) 14:29:42};
- 1 -- [[1]] &new{2012-08-22 (水) 15:27:25};
- 1 -- [[1]] &new{2012-08-22 (水) 15:27:28};
- 1 -- [[-1']] &new{2012-08-22 (水) 15:27:29};
-- 1' -- [[1]] &new{2012-08-22 (水) 15:27:30};
- 1 -- [[1]] &new{2012-08-22 (水) 15:27:31};
- 1 -- [[1]] &new{2012-08-26 (日) 17:30:49};
- 1 -- [[1]] &new{2012-08-26 (日) 17:30:52};
- 1 -- [[-1']] &new{2012-08-26 (日) 17:30:53};
-- 1' -- [[1]] &new{2012-08-26 (日) 17:30:54};
- 1 -- [[1]] &new{2012-08-26 (日) 17:30:55};
- 1 -- [[1]] &new{2012-08-27 (月) 23:51:24};
- 1 -- [[1]] &new{2012-08-27 (月) 23:51:28};
- 1 -- [[-1']] &new{2012-08-27 (月) 23:51:29};
-- 1' -- [[1]] &new{2012-08-27 (月) 23:51:30};
- 1 -- [[1]] &new{2012-08-27 (月) 23:51:32};
- 1 -- [[1]] &new{2012-10-23 (火) 19:45:36};
- 1 -- [[1]] &new{2012-10-23 (火) 19:45:44};
- 1 -- [[-1']] &new{2012-10-23 (火) 19:45:48};
-- 1' -- [[1]] &new{2012-10-23 (火) 19:45:50};
- 1 -- [[1]] &new{2012-10-23 (火) 19:45:53};
- 1 -- [[1]] &new{2014-01-02 (木) 12:14:53};
- 1 -- [[1]] &new{2014-01-02 (木) 12:15:05};
- 1 -- [[-1']] &new{2014-01-02 (木) 12:15:09};
-- 1' -- [[1]] &new{2014-01-02 (木) 12:15:12};

#comment_nospam
- 1 -- [[1]] &new{2014-01-02 (木) 12:15:00};
- 1 -- [[1]] &new{2012-10-23 (火) 19:45:41};
- 1 -- [[1]] &new{2012-08-27 (月) 23:51:26};
- 1 -- [[1]] &new{2012-08-26 (日) 17:30:51};
- 1 -- [[1]] &new{2012-08-22 (水) 15:27:26};
- 1 -- [[1]] &new{2012-07-15 (日) 14:29:38};
- 1 -- [[1]] &new{2012-07-07 (土) 16:48:38};
- 1 -- [[1]] &new{2012-07-07 (土) 10:26:20};
- 1 -- [[1]] &new{2012-07-06 (金) 17:51:23};
- 1 -- [[1]] &new{2012-07-03 (火) 22:45:30};
- 1 -- [[1]] &new{2012-06-29 (金) 08:37:20};
- 1 -- [[1]] &new{2012-02-18 (土) 13:48:39};
#vote(参考になった[9],ふつう[0],参考にならなかった[1])

トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS