Uso la biblioteca Tailwind Elements con Tailwind CSS en mi proyecto. Todo funciona perfectamente, pero apareció un problema... porque estoy tratando de clonar el elemento y agregar una copia a la página.
Hago el clon de un formulario con el métodocloneNode así:
<template id="temp"> <form> <div class="datepicker relative mb-3" data-mdb-toggle-button="false"> <input type="text" placeholder="Select a date" data-mdb-toggle="datepicker" /> <label class="text-gray-700">Select a date</label> </div> </form> </template> import 'tw-elements' let newForm = document.querySelector("#temp").content.cloneNode(true); // clone the <form> newForm.appendChild(document.body); // add to the <body>Después de estas manipulaciones, el nuevo formulario se agregó a la página, pero el Datepicker no funciona . Como entendí, debería llamar a la inicialización del elemento de forma programable a través de JS de esta manera:
let datePicker = newForm.querySelect('.datepicker'); datePicker.tweDatePicker(); // smth like that maybe¿Derecha? ¿Pero cómo? No puedo encontrar en los documentos cómo llamar e iniciar Datepicker (o cualquier otro componente) a través de Vanilla JS de forma programable. Tal vez conoces los mejores enfoques.