VB.NETでCalendarExtenderを使った

仕事でVB.NETを使用しているので、その関係で。
古い情報はあったけど、新しい情報がなかなか見つからなかったので備忘録として。

VB.NETでScriptManagerをインストール

NuGetパッケージの管理から
AjaxControlToolkitとAjaxControlToolkit.StaticResourcesをインストール

コード

カレンダー

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<table>
  <tr>
    <td>
      <asp:Label ID="lblCalendar" runat="server">日付を指定</asp:Label>                    
    </td>
    <td>
      <asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True"></asp:ScriptManager>
      <asp:TextBox ID="txtCalendar" runat="server"></asp:TextBox>
      <ajaxToolkit:CalendarExtender ID="extCalendar" runat="server" TargetControlID="txtCalendar" Format="yyyy/MM/dd" PopupButtonID="btnCalendar" 
          PopupPosition="BottomRight" FirstDayOfWeek="Sunday" />
      <asp:ImageButton ID="btnCalendar" runat="server" ImageUrl="./Img/calendar_icon.png" Width="20px"/>
    </td>
  </tr>
</table>

ブラウザ表示

カレンダーアイコンをクリックするとカレンダーが表示。

土日の色とか、フォントなど、スタイル調整ができそうですが、一応表示できたので今回はこのまま。

参考資料

新しいASP環境で、旧環境で動作していたCalenderExtenderが動作しない
Ajax Control Toolkit スクリプト バンドル
CalendarExtender の日付の表示
［ASP.NET AJAX］Calendarコントロールで日付入力ボックスを定義するには？［2.0のみ、C#、VB］
AjaxControlToolkit の CalendarExtender のカレンダーを日本語表記にする

アイコン

カレンダーアイコン:フリー素材