DevExpress の ASPxDateEdit でのボタン日付変更のサンプルです。

実際の画面はこのような感じです。

20160324_01

サンプル作成までの大きな手順は2点です。
・ASPxDateEdit 内にボタン生成
・ボタンイベントで日付変更

他は、ASPxDateEdit のサイズ、読み取り専用等の細かい変更

では、手順を説明していきます。

<ボタン日付変更(JavaScript)>

・ASPxDateEdit 内にボタン生成(6個)

前年(位置を左設定)
20160324_02

前月(位置を左設定)
20160324_03

前日(位置を左設定)
20160324_04

次日
20160324_05

次月
20160324_06

次年
20160324_07

・ボタンイベントで日付変更
20160324_08

【生成PG】

それでは、実行して動作確認を行います。

20160324_01

「前年」ボタンをクリックします。

20160324_09

「前月」ボタンをクリックします。

20160324_10

「前日」ボタンをクリックします。

20160324_11

「次日」ボタンをクリックします。

20160324_10

「次月」ボタンをクリックします。

20160324_09

「次年」ボタンをクリックします。

20160324_01

無事に日付エディット(ASPxDateEdit)のボタン日付変更が出来ました。