ASP.NET でカレンダーコントロールと JS バージョンのカレンダーコントロールを使用する方法-C#.Net チュートリアル-php.cn

ASP.NET でカレンダーコントロールと JS バージョンのカレンダーコントロールを使用する方法

高洛峰

リリース： 2017-01-04 16:06:49

オリジナル

2207 人が閲覧しました

今日は、エディターがタスク形式で ASP.NET のカレンダーコントロールを使用する方法を説明します。
1. カレンダーを追加し、完全な名前で表示される日付を設定します。週末は黄色の背景に赤色のテキストで表示され、現在の日付は緑色の背景で表示されます。ユーザーは日、週、または月全体を選択でき、選択した日/週/月は灰色で表示されます。背景色。日付を選択すると、下のテキストボックスに時間が表示され、図に示すような効果が得られます。

2. 登録ページをデザインし、ユーザーが生年月日を入力できるように JS カレンダーコントロールを使用します。効果は図に示すとおりです。

ASP.NET でカレンダーコントロールと JS バージョンのカレンダーコントロールを使用する方法

学習プロジェクト 1 カレンダーカレンダーコントロール
1. サイトの下にカレンダーページを作成し、ページ上に TextBox コントロールをドラッグアンドドロップして日付を入力します。 Calendar1 カレンダーコントロールの属性設定を実行し、日付を青色で完全な名前で表示し、週末を黄色の背景に赤色の文字で表示し、現在の日付を緑色の背景で表示するように設定できます。日、週、または月全体を選択すると、選択した日/週/月が灰色の背景色で表示されます。
2. ページの実行中に、ユーザーが Calendar1 コントロールで日付を選択すると、SelectionChanged イベントがトリガーされます。 Calendar.aspx.cs ファイルに次のコードを記述します。

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
 {
  TextBox7.Text = Calendar1.SelectedDate.ToString();
  }
}

ログイン後にコピー

学習プロジェクト 2 JS バージョンのカレンダーコントロール
(1) サイトの下に JSCalendar.aspx ページファイルを作成し、JSCalendar.aspx のページに TextBox コントロールを追加します。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title>无标题页</title>
</head>
<body>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
  <form id="form1" runat="server">
  <div>
  
  <asp:TextBox ID="TextBox1" runat="server" CssClass="Wdate" Text=""
  onfocus="new WdatePicker(this,&#39;%Y-%M-%D-%h:%m&#39;,true,&#39;default&#39;)"></asp:TextBox>
  
  </div>
 </form>
</body>
</html>

ログイン後にコピー

(2) 実行中にカーソルを TextBox コントロールに移動するとアクティブになり、カレンダーが表示されます。

ASP.NET でカレンダーコントロールと JS バージョンのカレンダーコントロールを使用する方法