My current project involves using javascript (Vue.js) and I am in need of a calendar that allows me to choose both date and time. Currently, I have implemented the following code:
<span class="glyphicon glyphicon-calendar"></span>
However, with this calendar, I am only able to select dates, which is limiting my functionality. I am looking for something more akin to the Enabled/Disabled Dates Bootstrap 3 Datepicker v4 Docs, like the following example:
<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>
Unfortunately, this example relies on jQuery and I prefer to use something without jQuery in my Vue.js project. Is there a non-jQuery alternative available?
Thank you for your assistance.