如何在javascript中使用日历

我正在使用javascript（vue js）并尝试添加一个日历，我可以从中选择日期和时间， 我用的是这个：

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

<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>

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

我想要像启用/禁用日期引导3 Datepicker v4文档这样的东西，这是一个：

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

<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>

$（函数（）{
$（'#datetimepicker5'）。datetimepicker({
默认日期：“11/1/2013”，
禁用日期：[
时刻（“2013年12月25日”），
新日期（2013年11月1日至21日），
"11/22/2013 00:53"
]
});
});

但我不能使用它，因为它使用jQuery，我不想使用jQuery。 可能吗

---

谢谢。

您可以从材质界面中选择。

---

您可以从材质界面中进行选择。

---

vue.js似乎有此插件的可能副本：。请参见此处的演示：@MoshFeu是的，我正在使用这个，但我希望能够在日历中选择时间和日期。可能的副本似乎vue.js有此插件：。请看这里的演示：@MoshFeu是的，我正在使用这个，但我希望能够在日历中选择时间和日期。我试图在JSFIDLE上运行它，以查看它的外观，但它不起作用，可以告诉我如何操作吗？我也试着用谷歌搜索它，但他们使用jQueryRead文档。我试着在JSFIDLE上运行它，看看它会是什么样子，但它没有工作，可以告诉我怎么做吗？我也试着用谷歌搜索，但他们使用jQueryRead文档