|
分類:[JavaScript]
開発環境:ASP.NET,Javascript
対象フレームワーク:.Net Framework4
昨年度、来年度のボタンをクリックするたびに、テキストボックスの表示を昨年度、来年度に表示する処理をしたいです。
例)
@テキストボックス:2019年度 → 昨年度ボタンクリック → テキストボックス:2018年度
Aテキストボックス:2019年度 → 来年度ボタンクリック → テキストボックス:2020年度
自分でも検索し調べながら、実践しているのですがなかなか上手くいかず苦戦しています。
もし宜しければご教授の程宜しくお願い致します。
下記、自分でやってみたコードです。
【aspx】
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:ImageButton ID="F50_Cmd_BefLeft" OnClientClick="return false" runat="server" ClientIDMode="Static"/>
<asp:TextBox ID="F50_Txt_StYear" runat="server" ClientIDMode="Static" MaxLength="4"></asp:TextBox>
<asp:ImageButton ID="F50_Cmd_BefRight" OnClientClick="return false" runat="server" ClientIDMode="Static" />
</asp:Content>
【Javascript】
$(function(){
//カウンタとなる変数を用意
var cnt = 0;
function showMonthDate() {
var nowDate = new Date;
var myDate = new Date(nowDate.getTime() + 18748800000 * cnt);
var YY = myDate.getYear();
var mm = ("0" + (myDate.getMonth() + 1)).slice(-2);
document.getElementById("#F50_Txt_StYear").value = YY + "/" + mm;
};
//即実行
showMonthDate();
//開始左ボタンクリック
document.getElementById("F50_Cmd_BefLeft").onclick = function () {
//カウントダウンする
cnt--;
//実行
showMonthDate();
}
//開始右ボタンクリック
document.getElementById("F50_Cmd_BefRight").onclick = function () {
//カウントアップする
cnt++;
//実行
showMonthDate();
}
});
説明不足の部分もあると思いますので、その時は教えてください。
以上、よろしくお願い致します。
|