- PR -

WebアプリでDateTimePickerの様なものを作りたい

1
投稿者投稿内容
セイン
常連さん
会議室デビュー日: 2005/06/15
投稿数: 24
投稿日時: 2005-06-15 14:11
はじめまして。このたび＠IT会議室に参加させていただきました。
よろしくお願いします。

Windowsアプリケーションに存在するDateTimePickerの様なものをWebアプリにて使用できないでしょうか？

DorpDownListとCalenderを組み合わせて作れないかと格闘していますが、なかなかうまく行きません。
似たものでもよいので、良い案がございましたらご指導お願いします。
きくちゃん
ぬし
会議室デビュー日: 2003/08/01
投稿数: 854
お住まい・勤務地: 都内某所
投稿日時: 2005-06-15 14:20
セインさん、こんにちは。

引用:

DorpDownListとCalenderを組み合わせて作れないかと格闘していますが、なかなかうまく行きません。

出来そうな気がしますが、何がうまくいかないんでしょう？
もちろん、基本的にHTMLとその関連技術だけで実現するしかないわけですから、完全に同じ動作は期待できないと思いますが…。
セイン
常連さん
会議室デビュー日: 2005/06/15
投稿数: 24
投稿日時: 2005-06-15 14:39
きくちゃんさん、早速の返信ありがとうございます。

DropDownListの▼を押した後、その下にカレンダーを表示
カレンダーを選択すると、DropDownListに年月日が表示されるのが一番の理想なのですが…


①通常時は見えない状態にしておき、必要に応じてTextBoxやDropDownListの下に表示させたい。
②選択が終わり、TextBoxやDropDownListの中にデータが入ったらカレンダーを消したい。
③TextBoxやDropDownListに手入力も許可したい。

やりたいことはこの3つです。


実際に私がやってみたのが　カレンダーのVisibleをFalseにしておき、近くのボタンを押したときVisibleをtrueに変えるという方法なのですが、ページの読み込みなおしがあるため、他に方法はないものかと調べています。
他に良い方法はございますでしょうか？
えんぞ@？
ぬし
会議室デビュー日: 2004/07/06
投稿数: 271
お住まい・勤務地: はまっこ
投稿日時: 2005-06-15 15:27
試してないので何とも言えないですが、この辺とか。
(ただしIE Onlyみたい)

# 他にもDate, Time, & Calendarあるようなので色々試してみては

[追記]
GotDotNet User Samples


[ メッセージ編集済み 編集者: えんぞ@？ 編集日時 2005-06-15 15:49 ]
NAL-6295
ぬし
会議室デビュー日: 2003/01/26
投稿数: 966
お住まい・勤務地: 東京
投稿日時: 2005-06-15 17:42
NAL-6295です。

テキストボックスとカレンダの組み合わせなら、JavaScriptで実現しています。
その記事がAll Abount Japanにあったような・・・。
具体的なURLは失念してしまいました。

#ちなみに私の場合はAll Abount Japanの記事を元にカスタムコントロールにしています。
_________________
「伝える」とは「人に云う」と書く。
http://d.hatena.ne.jp/NAL-6295/
Access
ぬし
会議室デビュー日: 2002/04/08
投稿数: 829
投稿日時: 2005-06-16 08:12
引用:

DorpDownListとCalenderを組み合わせて作れないかと格闘していますが、なかなかうまく行きません。
似たものでもよいので、良い案がございましたらご指導お願いします。


テキストボックスの右側にカレンダーのアイコンを表示してカレンダーから
日付を選択できます。このカレンダーは、ユーザーコントロールで実現して
います。JavaScriptベースのカレンダーを使用していますのでポストバックを
回避できます。

ダウンロードはこちらから：

http://www.codeproject.com/aspnet/ASPNET_DateSelector.asp

どうしても、ASP.NETのCalendarコントロールを使用したい方は

http://www.codeproject.com/aspnet/CoolCalendar.asp

からダウンロードしてください。

このカレンダーは、ASP.NETのCalendarを使用していますが、日付をクリック
してもポストバックしないようにカスタマイズしています。

世の中には賢い人がいて、自分が欲しいと思った大抵のことは
すでに誰かが実現しています。他人の知恵を得るにはグーグルしましょう。

_________________
ASP.NET+Ajaxサンプル集 | JavaScript+Ajaxサンプル集
セイン
常連さん
会議室デビュー日: 2005/06/15
投稿数: 24
投稿日時: 2005-06-16 12:06
みなさんありがとうございます。
ACCESSさんえんぞさんが作ってくださったWebページを元にがんばります。
Access
ぬし
会議室デビュー日: 2002/04/08
投稿数: 829
投稿日時: 2005-06-17 07:13
ポップアップカレンダーを使用したサンプルです。

http://www.friendlysw.com/samples/articles/deny/040425-2.aspx

日付をポップアップウィンドウから選択すると
テキストボックスに転記されます。

ASP.NETのカレンダーを使用していますが、日付をクリックしても
ポストバックしないように改善しています。
_________________
ASP.NET+Ajaxサンプル集 | JavaScript+Ajaxサンプル集
1

スキルアップ／キャリアアップ（JOB@IT）