ホームページ >ウェブフロントエンド >jsチュートリアル >JSはシンプルなカレンダーを実装します

JSはシンプルなカレンダーを実装します

高洛峰
高洛峰オリジナル
2017-03-30 15:56:381585ブラウズ

主に3つのパートに分かれており、 1: li要素の取得 2: 対応する日付の記入方法 3: li要素をクリックしたイベントの取得方法。

1: ノード間のリレーションシップの Children 属性を介して li 要素を取得します (ループ走査の場合は 2 つ)。

2: 日付を入力するために走査するときに、最初の行の曜日を決定します。その後、最初の日から入力を開始し、当月より日数が大きくなるまで入力を停止し、翌月の日付を入力し始めます。最初の行には先月の日付が表示されます。前月の日数は開始値を表示します = 先月の日数 - 今月の最初の日の曜日の値 - 1 を計算します, そして最初の行に前月の日数の開始値を表示します 自分で追加します。

3 記事については PHP 中国語 Web サイトにご注意ください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。