JQuery Datetimepicker tiene la opción de mostrar el calendario en línea; sin embargo, cuando se hace esto, elimina el cuadro de entrada que muestra el valor de entrada seleccionado por el usuario de la fecha y la hora elegidas. ¿Cómo puede hacer que el selector de fecha y hora muestre el calendario en línea y también muestre la fecha seleccionada por el usuario en un cuadro de entrada?
JQuery datetimepicker y Documentación y CDN
$("#datetime-inline").datetimepicker({ format: "D d MY - H:ia", inline: true, }) $("#datetime-non-inline").datetimepicker({ format: "D d MYH:ia", inline: false, }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js" integrity="sha512-AIOTidJAcHBH2G/oZv9viEGXRqDNmfdPVPYOYKGy3fti0xIplnlgMHUGfuNRzC6FkzIo0iIxgFnr9RikFxK+sw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css" integrity="sha512-f0tzWhCwVFS3WeYaofoLWkTP62ObhewQ1EZn65oSYDZUg1+CyywGKkWzm8BxaJj5HGKI72PnMH9jYyIFz+GH7g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!-- Input box for inline input --> <input type="text" id="selected-date-here" readonly="readonly" value="make input date show here" style="width: 200px;"><br><br> <!-- The inline datetimepicker to make work --> <input id="datetime-inline" placeholder="click here to choose date" style="cursor: pointer;"><br><br><br> <!-- The non-inline datetimepicker for an example that displays the user input date in the input box when selected with the calendar --> <input id="datetime-non-inline" placeholder="user input date shows here" style="cursor: pointer; width: 200px">