ホームページ > ウェブフロントエンド > jsチュートリアル > jsでカレンダーを実装し、指定した日付、週番号、曜日を取得する共有例

jsでカレンダーを実装し、指定した日付、週番号、曜日を取得する共有例

高洛峰
リリース: 2017-02-06 10:47:30
オリジナル
1126 人が閲覧しました

インタラクションがあるので、ペアプログラミングの初挑戦ともいえるJsで実装しました。 表示部分を HTML で書きました。クリックされたボタンのトリガーイベント関数は check(); です。コア関数の日は次のとおりです。数値の丸めの問題などのエラー

チームメイトの助けを借りて、彼はバグの発見とレビューを担当し、私は実装とコーディングを担当します

最後のリンクでは、入力値のテスト中に、相互にうまく連携し、さまざまな入力状況を分析し、起こり得るさまざまな事故をカバーし、機能改善を迅速に完了します

以下は、入力値が許可されているかどうかを判断するコードです:

function onCheck(){ 
var Year = document.getElementById("year").value; //获取文本框的“年” var theYear =Year * 1; //转换为number类型 //alert(theYear); // 获取月值 
var month = document.getElementById("month"); 
var index1=month.selectedIndex; var theMonth = month.options[index1].value; //获取月值 
var day = document.getElementById("day"); 
var index2=day.selectedIndex; 
var theDay = day.options[index2].value;
// 输入值判断部分
...
//调用核心函数
days(theYear,theMonth,theDay); 
}
ログイン後にコピー

より多くの js 実装カレンダーが指定された日付を取得できます。と週番号 曜日の例の共有に関する記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート