Kalendar Program Mini WeChat
Analisis pemikiran
Untuk melaksanakan kalendar, anda perlu mengetahui beberapa nilai dahulu:
Ada berapa hari dalam sebulan
Hari apa hari pertama dalam bulan
Mengikut akal, kita tahu bahawa satu bulan mempunyai maksimum 31 hari dan minimum 28 hari Jika kalendar mempunyai 7 grid berturut-turut, akan ada 5 baris Namun, jika hari pertama bulan itu adalah Sabtu, akan ada enam baris grid.
Applet tidak mempunyai konsep operasi DOM, jadi ia tidak boleh memasukkan bilangan sel kosong secara dinamik ke dalam hari pertama bulan Ia hanya boleh dikawal dengan menambah gelung sel kosong di hadapan Untuk butiran, rujuk fail wxml .
Pengenalan templat kalendar
Panel templat kalendar menyokong gerak isyarat gelongsor ke kiri dan kanan
Menyediakan kaedah jumpToday untuk melompat ke hari ini
Tetapkan label tarikh tugasan setTodoLabels
Padamkan label tugasan untuk tarikh tertentu deleteTodoLabels
Kosongkan semua label tugasan tarikh clearTodoLabels
Sediakan pengenalan templat templat
Memperkenalkan wxml dan wxss
// example.wxml
<import src="../../template/calendar/index.wxml"/>
<lihat class="calendar-wrap">
<template is="calendar" data="{{...calendar}}" />
</lihat>
/* contoh.wxss */ @import '../../template/calendar/index.wxss';
Inisialisasi komponen kalendar
import initCalendar, { getSelectedDay, jumpToToday, setTodoLabels, deleteTodoLabels, clearTodoLabels } daripada '../../template/calendar/index'; Sama ada untuk mendayakan berbilang pilihan, // disablePastDay: true, // Sama ada untuk melumpuhkan tarikh lalu/*** Peristiwa dilaksanakan selepas memilih tarikh * @param { object } currentSelect Tarikh yang diklik semasa * @param { array } allSelectedDays Semua tarikh yang dipilih (hanya apabila mulit adalah benar, parameter allSelectedDays tersedia)*/ afterTapDay: (currentSelect, allSelectedDays) => { console.log('======= = ====================================='); console.log('Tarikh klik semasa', currentSelect); tarikh Terdapat penanda acara: ', currentSelect.hasTodo || false);
allSelectedDays && console.log('semua tarikh yang dipilih', allSelectedDays.log('getSelectedDay method', getSelectedDay());
}, /*** Tarikh klik peristiwa (acara ini akan mengambil alih sepenuhnya peristiwa klik) * @param { objek } semasaPilih tarikh klik semasa * @param { objek } acara Tarikh klik objek acara*/ // onTapDay(currentSelect, event) { // console.log(currentSelect); // console.log(event); () { setTodoLabels({
pos: 'bawah',
titikWarna: '#40',
hari: [{
Tahun: 2018,
bulan: 5,
hari: 12,
}, {
Tahun: 2018,
bulan: 5,
hari: 15,
}],
});
},
});
}, deleteTodo() { // Nyatakan tarikh apabila label tugasan perlu dipadamkan deleteTodoLabels([{
Tahun: 2018,
bulan: 5,
Hari: 12,
}, {
Tahun: 2018,
bulan: 5,
Hari: 15,
}]); // clearTodoLabels(); }, /*** Lompat ke hari ini*/ jump() { jumpToday();
},
}; Halaman(conf);
Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn
Artikel Berkaitan
23 Jun 2018
微信小程序正式上线,很多地方在刷屏,我们可以看见很多人都在使用微信小程序,但是不少用户不会微信小程序怎么开发?下面带来微信小程序开发实战教程,手把手教你开发跑步微信小程序,一起来了解下吧。
04 Jan 2022
Kod program mini tetap selagi APPID program mini tidak berubah, kod program mini tidak akan berubah boleh mendapatkan kod program mini untuk mana-mana halaman program mini melalui antara muka latar belakang.
28 Jan 2022
Perbezaan: 1. Pintu masuk adalah berbeza Program mini WeChat perlu dimasukkan dari menu bawah akaun rasmi, manakala program mini WeChat mempunyai banyak pintu masuk, seperti program mini berdekatan, rekod program mini terpakai atau carian; semakan, peniaga mikro umumnya Apa yang anda perlukan adalah nombor pendaftaran Selain nombor pendaftaran, program mini WeChat juga perlu menyemak kelayakan yang sepadan sebelum diletakkan di rak.
13 Aug 2023
Pembangunan Program Mini WeChat ThinkPHP6: Membangunkan Aplikasi Program Mini Dengan Mudah [Pengenalan] Dengan populariti telefon pintar dan Internet mudah alih, Program Mini WeChat telah menjadi platform pembangunan pilihan bagi banyak syarikat dan pembangun. Dalam bidang pembangunan program kecil, ThinkPHP6, sebagai rangka kerja PHP yang popular, menyediakan banyak kemudahan kepada pembangun. Artikel ini akan memperkenalkan cara menggunakan ThinkPHP6 untuk membangunkan applet WeChat dan melampirkan contoh kod yang sepadan untuk membantu pembaca bermula dengan cepat. 1. Persediaan persekitaran Pertama, kita perlu memastikan bahawa persekitaran setempat
04 Jan 2022
Kod QR Program Mini ialah pintu masuk penting ke Program Mini Pedagang boleh menggunakan keupayaan kod QR Program Mini untuk menjana kod QR yang melompat ke halaman yang ditetapkan bagi Program Mini mereka sendiri, yang boleh digunakan untuk promosi kod dalam talian dan luar talian. bagi memudahkan promosi Program Mini.
03 Jun 2023
Dengan perkembangan dan populariti program mini WeChat, semakin ramai orang memilih untuk menggunakan bahasa PHP untuk pembangunan program mini. Dalam pembangunan, kemahiran pemfaktoran semula kod juga menarik lebih banyak perhatian daripada pembangun. Pemfaktoran semula kod merujuk kepada mengoptimumkan dan menambah baik struktur dalaman dan kualiti program tanpa mengubah tingkah laku luaran program. Pemfaktoran semula boleh mengurangkan kerumitan kod, meningkatkan kebolehbacaan dan kebolehselenggaraan kod, dan seterusnya meningkatkan kualiti dan kestabilan kod. Artikel ini akan memperkenalkan beberapa pengulangan kod biasa dalam pembangunan PHP program mini WeChat.
31 May 2023
Dengan populariti Program Mini WeChat, semakin banyak syarikat dan individu membangunkan produk, perkhidmatan, kandungan dan kandungan lain mereka ke dalam Program Mini WeChat untuk menyediakan perkhidmatan dan interaksi yang lebih mudah, lebih pantas dan selamat melalui Program Mini WeChat. Antaranya, fungsi pembayaran kod imbasan dalam program mini WeChat menjadi masalah yang mesti dihadapi dan diselesaikan oleh ramai pembangun dan pengendali program mini. Sebagai bahasa pembangunan back-end yang sangat popular, PHP juga boleh menyokong dan melaksanakan fungsi pembayaran kod QR program mini WeChat. Jadi, bagaimanakah PHP melaksanakan pembayaran kod imbasan dalam program mini WeChat?
21 Nov 2023
Untuk mencapai kesan pemuatan malas imej dalam program mini WeChat, contoh kod khusus diperlukan Dengan perkembangan pesat Internet mudah alih, program mini WeChat telah menjadi bahagian yang amat diperlukan dalam kehidupan orang ramai. Apabila membangunkan program mini WeChat, pemuatan malas imej adalah keperluan biasa, yang boleh meningkatkan kelajuan pemuatan dan pengalaman pengguna program mini dengan berkesan. Artikel ini akan memperkenalkan cara melaksanakan pemuatan malas imej dalam program mini WeChat dan memberikan contoh kod khusus. Apakah malas memuatkan imej? Pemuatan imej yang malas merujuk kepada melambatkan pemuatan imej pada halaman Hanya apabila imej memasuki pengguna
Hot Tools
Demo program mini WeChat: pusat beli-belah tiruan
Demo program mini WeChat: meniru pusat membeli-belah, mudah dimulakan dan mempunyai pengenalan yang baik kepada beberapa fungsi asas pusat beli-belah
Bawa pulang: Laksanakan fungsi seperti sauh
Ia adalah fungsi utama yang sama yang diperlukan oleh semua orang Selain itu, ia juga melaksanakan fungsi pesanan biasa bagi beberapa aplikasi bawa pulang.
Demo program mini WeChat: Lezhu
Demo program mini WeChat: Lezhu: serupa dengan aplikasi berasaskan lokasi, agak serupa dengan semangat program mini Zhang Xiaolong.
Demo permainan program mini WeChat memilih blok warna yang berbeza
Demo permainan program mini WeChat memilih blok warna yang berbeza
Demo applet WeChat: transformasi imej karusel
Perubahan gaya carta karusel, carta karusel ringkas dilaksanakan dengan program kecil, mudah ditulis