Maison > interface Web > Tutoriel Layui > Introduction au problème du crash du contrôle du temps layui

Introduction au problème du crash du contrôle du temps layui

Libérer: 2019-11-30 13:37:41
original
2911 Les gens l'ont consulté

Introduction au problème du crash du contrôle du temps layui

Le projet a été lancé et il a été constaté que le contrôle du temps plantait sur la sous-page du système de gestion backend layui, et que l'heure ne pouvait pas être sélectionnée du tout.

La raison est la suivante : si plusieurs nœuds sont trouvés sur la page, seul le premier nœud peut être utilisé normalement et les nœuds suivants planteront. On peut comprendre qu'actuellement, laydate ne prend pas en charge le rendu de plusieurs nœuds à la fois. . Ce n'est pas une question d'instances en double, car les instances que je crée pour chaque page sont différentes et cela plante toujours. Dans le système de gestion en arrière-plan, ce type de page parent-enfant comporte plusieurs pages qui utilisent des contrôles temporels, restituant ainsi plusieurs nœuds.

Solution :

La configuration par défaut dans le fichier laydate, trigger : 'focus' //Le focus de l'événement du contrôle d'appel est modifié en clic.

Le déploiement des tests est en ligne et efficace.

layui.use('laydate', function(){
    var laydate = layui.laydate;

    //日期时间选择器
    laydate.render({
        elem: '#startTime'
        ,type: 'datetime'
        ,trigger: 'click'//呼出事件改成click
        //,format: 'yyyy-MM-dd HH:mm:ss' //可任意组合
    });
    //日期时间选择器
    laydate.render({
        elem: '#endTime'
        ,type: 'datetime'
        ,trigger: 'click'//呼出事件改成click
        // ,format: 'yyyy-MM-dd HH:mm:ss' //可任意组合
    });
});
Copier après la connexion

Pour plus de connaissances sur Layui, veuillez faire attention à la colonne Tutoriel d'utilisation de Layui.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:cnblogs.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal