javascript - 如何在 JavaScript 中使用日历

Question

我正在使用 javascript (vue js)，我正在尝试添加一个日历，我可以从中选择日期和时间，我正在使用这个:

 <span class="glyphicon glyphicon-calendar"></span>

但我只能从日历中选择日期，

我想要类似启用/禁用日期 Bootstrap 3 Datepicker v4 文档的内容，就是这个:

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker5'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker5').datetimepicker({
                    defaultDate: "11/1/2013",
                    disabledDates: [
                        moment("12/25/2013"),
                        new Date(2013, 11 - 1, 21),
                        "11/22/2013 00:53"
                    ]
                });
            });
        </script>
    </div>

但是我不能使用它，因为它使用 jQuery，而且我不想要 jQuery 的东西。可能吗？

谢谢。

Answer 1

您可以从 Material UI 中进行选择。 http://www.material-ui.com/#/components/date-picker http://www.material-ui.com/#/components/time-picker