带时间的日期选择web插件

除了选择日期，有时还会有选择时间的要求，这时候可以选择使用flatpickr

1. 在页面中引入flatpicker.css和flatpicker.js文件：

<link rel="stylesheet" href="@Url.Content("~/Scripts/datepicker/flatpickr/4.6.13/flatpickr.css")">
<script src="@Url.Content("~/Scripts/datepicker/flatpickr/4.6.13/flatpickr.min.js")" type="text/javascript"></script>

2.HTML：

<input type="text" class="form-control" v-model="query_data.start_date" id="txtstart_date" autocomplete="off">
3.初始化插件

                flatpickr("#txtstart_date", {
                    enableTime: true,
                    time_24hr: true,
                    dateFormat: "Y-m-d H:i",
                });

4.相关资源：

flatpickr - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developersExamples - flatpickr