現在位置: ホームページ > ダウンロード > 公式サイト > ミニプログラムのソースコード > WeChat ミニ プログラム - カレンダー
WeChat ミニ プログラム - カレンダー
分類する: 公式サイト / ミニプログラムのソースコード | リリース時間: 2018-06-15 | 訪問: 2312102 |
ダウンロード: 140 |
詳細>
最新のダウンロード
ファンタジー水族館
『ファンタジーアクアリウム』は、神秘的な海中世界を冒険するファンタジーアドベンチャーゲームです。この想像力豊かな水族館で、プレイヤーは水族館の管理者および専門家の役割を果たします。
0
2024-05-08
ドールズフロントライン
『ドールズフロントライン』はSUNBORN Gamesが開発した戦略ロールプレイングゲームです。この未来の世界では、人間とロボット少女が戦います。あなたは指揮官として、ユニークなロボット少女軍団を率いて、スリリングな戦いを繰り広げます。ゲームの特徴: ロボット少女の巨大なキャンプ: さまざまなスタイルや能力を持つロボット少女を集めて訓練し、自分だけの最強のチームを構築します。綿密なプロット設定: ロボット少女たちとコミュニケーションを取り、物語の背景をより深く理解し、戦闘中に彼女たちをサポートし、励まします。精緻な戦闘グラフィック:華麗な戦闘シーンを楽しめる
832
2024-05-06
星の翼
「Star Wings」は、メカガール要素と古典的な GVG 格闘ゲームプレイを完璧に組み合わせた 3D 対戦ゲームです。ゲームでは、プレイヤーは強力な戦闘力を持つメカ少女を操作し、エキサイティングな戦場で1対1、2対2の熾烈な戦いを繰り広げ、他にはない競技の魅力を感じていきます。高精度3Dモデリング技術を採用し、美麗なグラフィックを表現しています。それぞれのメカが個性的で、テクノロジーが詰まったメカ構造や少女の優美な姿が繊細に描かれており、まるで手のひらの上で活躍する超大作アニメのようです。美少女パイロットたちはそれぞれに魅力があり、その個性が声や行動で表れます。
521
2024-05-06
小さな花の妖精フェアリーパラダイス
「小さな花の妖精 妖精の楽園」は、子供のような楽しさと魔法に満ちたカジュアル ゲームで、大多数のプレイヤーに素晴らしいゲーム体験をもたらします。ゲームでは、あなたは小さな花の妖精の役割を果たし、他のプレイヤーと一緒にエルフの楽園に入り、驚きに満ちた冒険に乗り出します。ゲームの特徴: 新しい魔法の冒険: より精緻なグラフィックで新しいエルフ パラダイスの冒険をお楽しみください。絶妙なゲームグラフィックス: このゲームは最新の 3D テクノロジーを使用して美しいゲームグラフィックスを作成し、プレイヤーにまったく新しい視覚的な衝撃を与えます。さまざまなアクティビティ: ゲームでは、プレーヤーはさまざまなアクティビティに参加し、多数のゲーム報酬を獲得できます。リッチ
703
2024-05-06
レストランキュートストーリー
「レストランキュートストーリー」は、かわいいレストラン経営シミュレーションゲームです。このゲームでは、あなたはレストランの若いオーナーとなって、かわいいお客さんたちを迎え入れて、ユニークで賑やかなレストランを作り上げていきます。ゲームの特徴: かわいい動物の顧客: ゲームにはさまざまなかわいい動物のキャラクターがいて、それぞれの好みやニーズに合わせて最適な料理を提供する必要があります。レストランをカスタマイズする: 装飾から家具に至るまで、自分の好みと創造性に従ってユニークなレストランを作成し、より多くの顧客を引きつけることができます。多彩なメニュー:ゲーム内
574
2024-05-05
山河旅行探訪
「山河旅探偵」ゲーム紹介 「山河旅探偵」は、中国風の推理・調査ゲームで、魅力的なストーリー展開が特徴です。このゲームは、伝統的な中国文化要素と古典的な推理や調査のゲームプレイを巧みに組み合わせており、プレイヤーに謎と驚きに満ちたゲーム世界を提供します。ゲームでは、プレイヤーは才能のある若い探偵の役割を果たし、山や川を旅してさまざまな複雑で混乱する事件を調査します。それぞれの事件は慎重に設計されており、サスペンスと挑戦に満ちています。プレイヤーは知恵と観察を駆使して手がかりを集め、真実を推理する必要があります。このゲームは、美しい中国のスタイルを採用し、古代中国の要素を組み合わせたユニークなグラフィック スタイルを持っています。
946
2024-05-05
「愛とプロデューサー」
「恋とプロデューサー」はエレックスが開発した女性向け恋愛育成型ゲームです。このゲームでは、あなたはプロデューサーとなり、4 人の個性的な男性主人公とともにロマンチックな旅に乗り出します。ゲームの特徴: 実在の人物による吹き替えで、最も現実的なプロット体験を復元します。豊かなゲームプロットと感情の起伏に富んだストーリーがあなたをゲームに没入させます。 AR ゲームの動作を完全に復元し、ゲームをより快適に楽しむことができます。ユニークなゲームプレイにより、主人公をより深く理解し、異なる種類の愛を体験できます。タスクやアクティビティを通じて小道具を獲得し、それらを使用してヒーローの属性を向上させます。
519
2024-05-04
最強の頭脳 3
「The Biggest Brain 3」は、あなたの脳の限界に挑戦し、知恵とスキルを披露する、エキサイティングで興味深い知的競争ゲームです。このゲームでは、プレイヤーは解読、推論、記憶、その他のトピックを含むさまざまな精神的な課題に直面するため、頭脳は総合的に鍛えられます。ゲームの特徴: 解読、推理、記憶などの分野をカバーする多様なチャレンジテーマで、飽きることなく楽しめます。豊富なレベルデザイン、徐々に難易度が上がり、IQの限界に挑戦します。シングルプレイヤー チャレンジやマルチプレイヤー バトルなど、さまざまなゲーム モードが利用可能で、友達と IQ を競うことができます。絶妙な映像デザインと音響効果が生み出す、
869
2024-05-04
オッドダスト:ダミラ
『アース:ダミラ』ゲーム紹介 『アース:ダミラ』は、魅力的なフル3DエイリアンライトSFオタクタワーディフェンスゲームです。このゲームでは、プレイヤーはアトゥム号の船長となり、人類の希望を継承するという重要な使命を担い、生命力と生命力に満ちた「生まれたばかりの」少女たちを率いて、謎の惑星ダミラに足を踏み入れて探索します。この緑の異星のすべて。ユニークな SF 設定と絶妙な 3D グラフィックスを備えたこのゲームは、プレイヤーに未知と挑戦に満ちた異質な世界を提示します。この神秘的な土地で、プレイヤーは少女たちを率いて、エイリアンの星からの脅威に対抗するための強力な防御を構築する必要があります。
254
2024-05-03
若き西遊記2
『西遊記 2』 ゲーム紹介 『西遊記 2』の世界に足を踏み入れると、オリエンタルな魅力に満ちた壮大で幻想的なインダストリアル パンク アドベンチャーが始まります。ジュブナイル カード シリーズの最新傑作として、このゲームはパンク スタイルと国家トレンドの要素を完璧に融合させ、プレイヤーにこれまでにない西遊記の世界を提供します。まず、ゲームのスタイルが独特です。デザイナーは、伝統的な中国絵画や版画の技術と現代のパンク要素を巧みに組み合わせ、すべてのキャラクターとすべてのシーンを強い東洋の魅力と前衛的なパンクの雰囲気に満ちたものにしました。プレイヤーは、古典と現代、東洋と西洋が融合した世界にいるようです。
951
2024-05-03
24時間リーダーボードの閲覧
- 1 エドワード・スノーデン氏のソラナ発言が新たなアルトコイン候補としてのジェットボルトの台頭に火をつける
- 2 JavaScript におけるオブジェクトの浅いコピーと深いコピー
- 3 お問い合わせフォームを使用した Astrobuild チュートリアル
- 4 アプリ内メッセージングとは何ですか?
- 5 10億ドルのビットコインオプションの期限切れは仮想通貨市場を揺るがす可能性がある
- 6 イベントプランナー
- 7 ソラナ (SOL)、トンコイン (TON)、ロールブロック (RBLK): 第 4 四半期に最も輝く仮想通貨はどれですか?
- 8 RCO Finance (RCOF): XRP の目覚ましい利益を再現する AI を活用したアルトコイン
- 9 Bitgert の $BRISE コイン、Shiba コイン、Worldcoin のどれがトップに立つでしょうか?
- 10 「JavaScript ホイスティングのマスター: すべての開発者が知っておくべき出力に関する難しい質問!」パート 1
- 11 最も多くのビットコインを保有する10の企業
- 12 Web 開発の未来: Astro と Solid Start が 4 のパフォーマンスと柔軟性をどのように再定義するか
- 13 ステーキング報酬とメインネットのローンチ期待がアルトコインを後押しし、マントラ(OM)が2カ月ぶりの高値となる1.3155ドルを記録
- 14 Java Backend Management Project
- 15 開発者からシニア エンジニアへの道: 単なるコード以上のもの
詳細>
最新のチュートリアル
-
- 海外のWeb開発フルスタックコースの完全なコレクション
- 1461 2024-04-24
-
- Go言語実践GraphQL
- 1743 2024-04-19
-
- 550W ファンマスターが JavaScript をゼロから段階的に学習します
- 3166 2024-04-18
-
- Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる
- 2689 2024-04-10
-
- MySQL 入門 (教師モッシュ)
- 1615 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax -- 10 日間の質の高いクラス
- 2456 2024-03-29
WeChat ミニ プログラム - カレンダー
ミニプログラムカレンダー
アイデア分析
カレンダーを実装するには、いくつかの値を知っておく必要があります。
月は何日
ありますか? 月の最初の日は何曜日
ですか? 常識によれば、月は最長 31 日、最短 28 日であることがわかっています。カレンダーに 7 つのマス目が連続している場合、5 つの行になります。ただし、月の最初の日が土曜日には6列のグリッドが配置される。
アプレットには DOM 操作の概念がないため、月の最初の日に空のセルの数を動的に挿入することはできません。前に空のセルのループを追加することによってのみ制御できます。詳細については、wxml ファイルを参照してください。 。
カレンダーテンプレートの紹介
カレンダー テンプレート パネルは、左右にスライドするジェスチャをサポートしています。
今日にジャンプするための JumpToToday メソッドを提供します。
日付の ToDo ラベルを設定します setTodoLabels;
指定した日付の ToDo ラベルを削除します deleteTodoLabels;
すべての日付の ToDo ラベルをクリアします。clearTodoLabels;
テンプレートテンプレートの紹介
を提供します。 wxmlとwxssを
紹介します。 // example.wxml
<インポート src="../../template/calendar/index.wxml"/>
<クラス="カレンダーラップ" を表示>
<template is="calendar" data="{{...calendar}}" />
</view>
/* example.wxss */ @import '../../template/calendar/index.wxss';
カレンダーコンポーネントの初期化
import initCalendar, { getSelectedDay, JumpToToday, setTodoLabels, deleteTodoLabels, clearTodoLabels } from '../../template/calendar/index'; const conf = { onShow: function() { initCalendar({ // multi: true, //複数選択を有効にするかどうか, // disablePastDay: true, // 過去の日付を無効にするかどうか/** * 日付を選択した後に実行されるイベント * @param { object } currentSelect 現在クリックされている日付 * @param { array } allSelectedDays すべて選択されています日付 (allSelectedDays パラメーターは、mulit が true の場合にのみ使用できます) */ afterTapDay: (currentSelect, allSelectedDays) => { console.log('==================== ==========='); console.log('現在クリックされた日付', currentSelect); console.log('現在クリックされた日付にイベントマークがあるかどうか: ', currentSelect.hasTodo || false );
allSelectedDays && console.log('選択されたすべての日付', allSelectedDays); console.log('getSelectedDay メソッド', getSelectedDay());
}, /** * 日付クリック イベント (このイベントはクリック イベントを完全に引き継ぎます) * @param { object } currentSelect 現在のクリックの日付 * @param { object } event 日付クリック イベント object */ // onTapDay( currentSelect,event) { // console.log(currentSelect); // console.log(event); // }, /** * イベントは、イベント マーカーの設定など、カレンダーの最初のレンダリング後にトリガーされます */ afterCalendarRender () { setTodoLabels({
pos: '下'、
dotColor: '#40',
日数: [{
年: 2018年
月: 5、
日: 12日
}、{
年: 2018年
月: 5、
日: 15日
}]、
});
},
});
}, deleteTodo() { // ToDo ラベルを削除する必要がある日付を指定します deleteTodoLabels([{
年: 2018年
月: 5、
日: 12日
}、{
年: 2018年
月: 5、
日: 15日
}]); // clearTodoLabels(); }, /** * 今日にジャンプ */ Jump() { JumpToToday();
},
}; ページ(conf);
アイデア分析
カレンダーを実装するには、いくつかの値を知っておく必要があります。
月は何日
ありますか? 月の最初の日は何曜日
ですか? 常識によれば、月は最長 31 日、最短 28 日であることがわかっています。カレンダーに 7 つのマス目が連続している場合、5 つの行になります。ただし、月の最初の日が土曜日には6列のグリッドが配置される。
アプレットには DOM 操作の概念がないため、月の最初の日に空のセルの数を動的に挿入することはできません。前に空のセルのループを追加することによってのみ制御できます。詳細については、wxml ファイルを参照してください。 。
カレンダーテンプレートの紹介
カレンダー テンプレート パネルは、左右にスライドするジェスチャをサポートしています。
今日にジャンプするための JumpToToday メソッドを提供します。
日付の ToDo ラベルを設定します setTodoLabels;
指定した日付の ToDo ラベルを削除します deleteTodoLabels;
すべての日付の ToDo ラベルをクリアします。clearTodoLabels;
テンプレートテンプレートの紹介
を提供します。 wxmlとwxssを
紹介します。 // example.wxml
<インポート src="../../template/calendar/index.wxml"/>
<クラス="カレンダーラップ" を表示>
<template is="calendar" data="{{...calendar}}" />
</view>
/* example.wxss */ @import '../../template/calendar/index.wxss';
カレンダーコンポーネントの初期化
import initCalendar, { getSelectedDay, JumpToToday, setTodoLabels, deleteTodoLabels, clearTodoLabels } from '../../template/calendar/index'; const conf = { onShow: function() { initCalendar({ // multi: true, //複数選択を有効にするかどうか, // disablePastDay: true, // 過去の日付を無効にするかどうか/** * 日付を選択した後に実行されるイベント * @param { object } currentSelect 現在クリックされている日付 * @param { array } allSelectedDays すべて選択されています日付 (allSelectedDays パラメーターは、mulit が true の場合にのみ使用できます) */ afterTapDay: (currentSelect, allSelectedDays) => { console.log('==================== ==========='); console.log('現在クリックされた日付', currentSelect); console.log('現在クリックされた日付にイベントマークがあるかどうか: ', currentSelect.hasTodo || false );
allSelectedDays && console.log('選択されたすべての日付', allSelectedDays); console.log('getSelectedDay メソッド', getSelectedDay());
}, /** * 日付クリック イベント (このイベントはクリック イベントを完全に引き継ぎます) * @param { object } currentSelect 現在のクリックの日付 * @param { object } event 日付クリック イベント object */ // onTapDay( currentSelect,event) { // console.log(currentSelect); // console.log(event); // }, /** * イベントは、イベント マーカーの設定など、カレンダーの最初のレンダリング後にトリガーされます */ afterCalendarRender () { setTodoLabels({
pos: '下'、
dotColor: '#40',
日数: [{
年: 2018年
月: 5、
日: 12日
}、{
年: 2018年
月: 5、
日: 15日
}]、
});
},
});
}, deleteTodo() { // ToDo ラベルを削除する必要がある日付を指定します deleteTodoLabels([{
年: 2018年
月: 5、
日: 12日
}、{
年: 2018年
月: 5、
日: 15日
}]); // clearTodoLabels(); }, /** * 今日にジャンプ */ Jump() { JumpToToday();
},
}; ページ(conf);
このウェブサイトの声明
当サイトのすべてのリソースはネットユーザーが投稿したり、各ダウンロードステーションを転載したりしているので、ソフトウェアの完全性を自分でチェックしてください!当サイトのすべてのリソースは学習と参考のためだけに使用されます。ビジネス用途には使用しないでください。そうしないと、発生したすべての結果はあなた自身が負担します!権利侵害がある場合は、次の連絡先に連絡してください。admin@php.cn