Calendrier-programme WeChat Mini
Analyse de pensée
Pour mettre en place un calendrier, vous devez d'abord conna?tre plusieurs valeurs?:
Combien de jours y a-t-il dans le mois
Quel est le premier jour du mois
Selon le bon sens, on sait qu'un mois compte au maximum 31 jours et au minimum 28 jours. Si le calendrier comporte 7 grilles d'affilée, il y aura 5 lignes. Par contre, si le premier jour du mois est un. Samedi, il y aura six rangées de grilles.
L'applet n'a aucun concept d'opérations DOM, elle ne peut donc pas insérer dynamiquement le nombre de cellules vides dans le premier jour du mois. Elle ne peut être contr?lée qu'en ajoutant une boucle de cellules vides devant. Veuillez vous référer au fichier wxml pour plus de détails. .
Introduction au modèle de calendrier
Le panneau de modèle de calendrier prend en charge les gestes coulissants vers la gauche et la droite?; Fournit la méthode jumpToToday pour accéder à aujourd'hui?; Définir les étiquettes de taches à faire setTodoLabels?; Supprimer les étiquettes de taches pour une date spécifiée deleteTodoLabels?; Effacer toutes les étiquettes de taches à faire clearTodoLabels?; Fournir une introduction au modèle de modèle
Présentez wxml et wxss
// exemple.wxml
<import src="../../template/calendar/index.wxml"/>
<view class="calendar-wrap">
<template is="calendar" data="{{...calendar}}" />
</vue>
/* exemple.wxss */ @import '../../template/calendar/index.wxss';
Initialisation des composants du calendrier
import initCalendar, { getSelectedDay, jumpToToday, setTodoLabels, deleteTodoLabels, clearTodoLabels } from '../../template/calendar/index'; const conf = { onShow?: function() { initCalendar({ // multi?: true, // S'il faut activer la sélection multiple, // désactiverPastDay?: true, // S'il faut désactiver les dates passées/*** événements exécutés après la sélection d'une date * @param { object } currentSelect La date actuellement cliquée * @param { array } allSelectedDays Toutes les dates sélectionnées (uniquement lorsque mulit est vrai, le paramètre allSelectedDays est disponible)*/ afterTapDay?: (currentSelect, allSelectedDays) => console.log('======= = ======================='); console.log('La date du clic actuel', currentSelect console.log('Est le clic actuel); date Il existe des marqueurs d'événement?: ', currentSelect.hasTodo || false);
?????? allSelectedDays && console.log('toutes les dates sélectionnées', allSelectedDays); console.log('méthode getSelectedDay', getSelectedDay());
}, /*** événement de clic de date (cet événement prendra complètement le relais de l'événement de clic) * @param { object } currentSelect La date du clic en cours * @param { object } event Objet d'événement de clic de date*/ // onTapDay(currentSelect, event) { // console.log(currentSelect); // console.log(event); () { setTodoLabels({
??????????? pos?: 'en bas',
? ? ? ? ? dotColor?: '#40',
? ? ? ? jours?: [{
Année?:?2018,
mois : 5,
jour: 12,
???????????}, {
Année?:?2018,
mois : 5,
jour: 15,
??????????}],
????????});
},
});
}, deleteTodo() { // Spécifiez la date à laquelle l'étiquette de tache doit être supprimée deleteTodoLabels([{
Année?:?2018,
mois : 5,
Jour: 12,
}, {
Année?:?2018,
mois : 5,
Jour: 15,
}]); // clearTodoLabels(); }, /*** Aller à aujourd'hui*/ jump() { jumpToToday();
},
};Page(conf);
Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel?! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn
Article connexe
Comment s'adapter aux conteneurs de 49% de plus de 200 pixes en mini-carrousels de programme?
04 Apr 2025
Mini Programme CSS Style Adaptation Problème: Comment faire le conteneur adaptatif de l'image du carrousel? De nombreux développeurs rencontreront le problème de l'adaptation de l'image dans le développement de mini-programmes. ...
Quelles plates-formes puis-je cibler avec Uni-App (iOS, Android, Web, Mini-programmes WeChat, etc.)?
11 Mar 2025
Cet article explore Uni-App, un cadre multiplateforme permettant le développement pour iOS, Android, Web, WECHAT Mini-programme et H5. Il met en évidence la réutilisabilité du code élevé d'Uni-App (souvent & gt; 90%), mais aborde également les limitations comme le potentiel perf
Comment utiliser les mini-programmes WeChat?
13 Jul 2025
L'utilisation de mini-programmes WeChat est en fait très simple. Le noyau est qu'ils peuvent être utilisés directement sans les télécharger et les installer. Après les avoir ouverts de plusieurs manières, ils peuvent obtenir des opérations pratiques dans des scénarios quotidiens à haute fréquence. 1. La méthode d'ouverture comprend l'entrée "Mini Program" de la page Discovery, le lien de partage d'amis ou la barre de recherche en haut de WeChat pour entrer le nom. L'applet que vous utilisez pour la première fois sera automatiquement collecté dans "Mon mini programme". 2. L'interface et les opérations sont similaires aux applications ordinaires. Cliquez sur le bouton pour sauter et glisser pour parcourir le contenu. Certaines fonctions nécessitent des autorisations autorisées telles que l'emplacement, le numéro de téléphone portable. 3. En termes de gestion, "Utilisation récente" enregistrera les mini programmes ouverts. Vous pouvez ajouter des mini programmes couramment utilisés à "Mes mini programmes", ou vous pouvez effacer le cache ou la désinstallation dans les paramètres. 4. Le programme Mini couvre plusieurs aspects de la vie, tels que la commande de plats à emporter, la prise d'un taxi, la vérification de la météo, du shopping et de la santé
H5 peut-il être converti en un mini programme?
06 Apr 2025
Oui, H5 peut être converti en un mini programme. Le processus de conversion comprend: 1. Extraction de la structure et du contenu de la page H5; 2. Création de projets d'applet; 3. Conversion des interfaces et de la logique; 4. Adapting Applet API; 5. Compilation et publication. Mais il convient de noter que toutes les pages H5 ne peuvent pas être complètement converties en applets.
Quelles sont les meilleures bibliothèques graphiques multiplateformes pour la programmation C??
13 Dec 2024
Comment intégrer des fonctionnalités graphiques dans votre programme CVotre quête du code source et de la bibliothèque du fichier d'en-tête et...
Comment récupérer par programme le code source d'une fonction en PHP??
19 Oct 2024
La récupération par programme du code source d'une fonction dans PHPOne peut rechercher une méthode pour obtenir le code source d'une fonction spécifique par son nom. Par exemple, considérons une fonction nommée "blah":function blah($a, $b) { return $a*$b; }Y a-t-il un programme
Pouvez-vous récupérer par programme le code source de la fonction PHP??
19 Oct 2024
Reconstruction du code source d'une fonction PHPQuestion :Est-il possible de récupérer par programme le code source d'une fonction PHP en utilisant son nom, similaire à l'API Reflection de Java ?Réponse :Oui, vous pouvez reconstruire le code source d'une fonction PHP en utilisant le
Le code source de la fonction PHP peut-il être récupéré par programme??
19 Oct 2024
Extraction du code source d'une fonction PHP par programmeQuestion?:Est-il possible de récupérer par programme le code source d'une fonction PHP en fonction de son nom??Contexte?:Par exemple, considérons le code suivant?:function blah($a, $b) { return $a*$b ; } écho
Comment récupérer par programme le code source de la fonction PHP
19 Oct 2024
Récupération du code source d'une fonction PHP via des moyens programmatiquesQuestion?:Est-il possible d'extraire par programme le code source d'une fonction PHP en fonction de son nom?? Essentiellement, l'objectif est de récupérer la définition de la fonction (par exemple, la fonction b
Outils chauds Tags
Outils chauds
Démo du mini programme WeChat?: imitation d'un centre commercial
Démo du mini programme WeChat?: imitation d'un centre commercial, facile à démarrer et bonne introduction à certaines fonctions de base du centre commercial
à retenir?: implémenter une fonctionnalité de type ancre
C'est la fonction d'ancrage similaire dont tout le monde a besoin. De plus, elle implémente également les fonctions de commande typiques de certaines applications à emporter. Il est recommandé d'étudier et d'étudier ;
Démo du mini programme WeChat?: Lezhu
Démo du mini programme WeChat?: Lezhu?: similaire à une application utile basée sur la localisation, quelque peu similaire à l'esprit du mini programme de Zhang Xiaolong.
La démo du mini-jeu du programme WeChat sélectionne différents blocs de couleurs
La démo du mini-jeu du programme WeChat sélectionne différents blocs de couleurs
Démo de l'applet WeChat?: transformation d'image en carrousel
Changement de style de graphique carrousel, un graphique carrousel simple implémenté avec un petit programme, facile à écrire