FC2ブログ

サラリーマンのすらすらIT日記

IT関連を中心とした日々を綴ります。
--/--/--

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2010/07/23

Ext JS-Dateクラス

日付の文字列の後ろに曜日を付ける必要がありました。例えば2010/07/232010/07/23(金)に。Ext JS API Documentationを見ると、hidukeをDateクラスとすると、hiduke.format('D')で曜日の一文字が得られると書かれてあります。つまりこんな感じです。

new Ext.form.TextField({
value: '2010/07/23', width: 100, id: 'hiduke', renderTo: 'div1'
});
new Ext.Button({
text: '曜日追加', width: 100, id: 'button', renderTo: 'div2',
handler: function () {
var hidukeText = Ext.getCmp('hiduke').getValue();
var hiduke = new Date(hidukeText);
var youbi = hiduke.format('D');
Ext.getCmp('hidukeWithYoubi').setText(hidukeText + "(" + youbi + ")");
}
});
new Ext.form.Label({
width: 100, id: 'hidukeWithYoubi', renderTo: 'div3'
});

 
クリック前    ⇒    クリック後


このように簡単なプログラムを作るとうまくいくのですが、本番のプログラムでうまくいきませんでした。なので、Ext JSを使わないJavaScriptで次のように書きました(handlerの部分のみ)。

var hidukeText = Ext.getCmp('hiduke').getValue();
var hiduke = new Date(hidukeText);
var w = ["日", "月", "火", "水", "木", "金", "土"];
var youbi = w[hiduke.getDay()];
Ext.getCmp('hidukeWithYoubi').setText(hidukeText + "(" + youbi + ")");

本来は深く追求すべきでしょうけど、今回は見送りです。

スポンサーサイト

コメント

コメントの投稿

  • URL
  • コメント
  • パスワード
  • 秘密
  • 管理者にだけ表示を許可する

トラックバック

トラックバックURL:http://sookibizviz.blog81.fc2.com/tb.php/534-4d99a360

■  カレンダー

06 | 2019/07 | 08
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

■  プロフィール

sookibizviz

Author:sookibizviz
仕事の内容やソフトの紹介を交えながら、日々の悪戦苦闘を綴っていきます。

■  最新記事

■  最新コメント

■  最新トラックバック

■  月別アーカイブ

■  カテゴリ

未分類 (64)
BizViz (24)
IT (1119)
計量 (76)
環境 (26)
数学 (181)
ニュース (46)
本 (187)
音楽 (113)
囲碁 (5)
将棋 (26)
ブログ (14)
日記 (19)

■  FC2カウンター

■  検索フォーム

■  RSSリンクの表示

■  QRコード

QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。