Javascript 如何使用jquery使用datetimepicker选择多个日期？

代码：

在这段代码中，我只是简单地创建一个日期选择器，在其中我希望在单个输入字段中选择多个日期。在这里，我现在只选择一个日期。那么，如何从datetimepicker日历中选择多个日期？请帮帮我

谢谢

$'.date'.datepicker{ 多日期：对， 格式：“dd-mm-yyyy” }; /*! *用于引导v1.5.0的日期选择器https://github.com/eternicode/bootstrap-datepicker * *版权所有2012 Stefan Petre *安德鲁·罗尔斯的改进 *根据Apache许可证v2.0获得许可http://www.apache.org/licenses/LICENSE-2.0 */ .日期选择器{ 填充：4px； -webkit边界半径：4px； -moz边界半径：4px； 边界半径：4px； 方向：ltr； } .datepicker内联{ 宽度：220px； } .datepicker.datepicker-rtl{ 方向：rtl； } .datepicker.datepicker-rtl表格tr td span{ 浮动：对； } .datepicker下拉列表{ 排名：0； 左：0； } .datepicker下拉列表：之前{ 内容：； 显示：内联块； 左边框：7px实心透明； 右边框：7px实心透明； 边框底部：7px实心99999； 边界顶部：0； 边框底色：rgba0,0,0,0.2； 位置：绝对位置； } .datepicker下拉列表：之后{ 内容：； 显示：内联块； 左边框：6px实心透明； 右边框：6px实心透明； 边框底部：6px实心FFFF； 边界顶部：0； 位置：绝对位置； } .datepicker下拉列表。datepicker左方向：之前{ 左：6px； } .datepicker下拉列表。datepicker向左：之后{ 左：7px； } .datepicker下拉列表。datepicker向右方向：之前{ 右：6px； } .datepicker下拉列表。datepicker向右：之后{ 右：7px； } .日期选择器下拉列表.日期选择器方向底部：之前{ 顶部：-7px； } .日期选择器下拉列表.日期选择器方向底部：之后{ 顶部：-6px； } .日期选择器下拉列表.日期选择器方向顶部：之前{ 底部：-7px； 边界底部：0； 边框顶部：7px实心99999； } .日期选择器下拉列表.日期选择器方向顶部：之后{ 底部：-6px； 边界底部：0； 边框顶部：6px实心FFFF； } .datepicker>div{ 显示：无； } .日期选择器表{ 保证金：0； -webkit触摸标注：无； -webkit用户选择：无； -khtml用户选择：无； -moz用户选择：无； -ms用户选择：无； 用户选择：无； } .datepicker td， .日期选择器th{ 文本对齐：居中； 宽度：20px； 高度：20px； -webkit边界半径：4px； -moz边界半径：4px； 边界半径：4px； 边界：无； } .table条带化.datepicker表tr td， .表格条带化.日期选择器表格tr th{ 背景色：透明； } .datepicker表tr td.day:悬停， .datepicker表tr td.day.focused{ 背景：EEEE； 光标：指针； } .datepicker表tr td.old， .datepicker表tr td.new{ 颜色：999999； } .datepicker表tr td.disabled， .datepicker表tr td.已禁用：悬停{ 背景：无； 颜色：999999； 游标：默认值； } .datepicker表tr td突出显示{ 背景：d9edf7； 边界半径：0； } .datepicker表tr.today， .datepicker表tr td.今天：悬停， .datepicker表tr td.today.disabled， .datepicker表tr.today.disabled:悬停{ 背景色：fde19a； 背景图像：-moz线性渐变至底部，fdd49a，fdf59a； 背景图像：-ms线性渐变至底部，fdd49a，fdf59a； 背景图像：-webkit gradientlinear，0.0,0.100%，来自FDD49A，tofdf59a； 背景图像：-webkit线性渐变至底部，fdd49a，fdf59a； 背景图像：-o-线性-渐变至底部，fdd49a，fdf59a； 背景图像：线性渐变至底部，fdd49a，fdf59a； 背景重复：重复-x； 过滤器：progid:DXImageTransform.Microsoft.gradientstartColorstr='fdd49a'，endColorstr='fdf59a'，GradientType=0； 边框颜色：fdf59a fdf59a fbed50； 边框颜色：rgba0,0,0,0.1RGBA0,0,0,0.1RGBA0,0,0,0.25； 过滤器：progid:DXImageTransform.Microsoft.gradientenabled=false； 颜色：000； } .datepicker表tr td.今天：悬停， .datepicker表tr td.今天：悬停：悬停， .datepicker表tr.today.disabled:悬停， .datepicker表tr.today.disabled:hover:hover， .datepicker表tr.today:活动， .datepicker表tr td.today:悬停：活动， .datepicker表tr.today.disabled:活动， .datepicker表tr td.today.disabled:悬停：active， .datepicker表tr td.today.active， .datepicker表tr td.today:hover.active， .datepicker表tr td.today.disabled.active， .datepicker表tr td.today.disabled:hover.active， .datepicker表tr td.today.disabled， .datepicker表tr.today:hover.disabled， .datepicker表tr td.today.disabled.disabled， .datepicker表tr td.today.disabled:hover.disabled， .datepicker表tr.today[已禁用]， .datepicker表tr.today:悬停[禁用]， .datepicker表tr.today.disabled[disabled]， .datepicker表tr.today.disabled:悬停[禁用]{ 背景色：fdf59a； } .datepicker表tr.today:活动， .datepicker表tr td .今天：悬停：活动， .datepicker表tr.today.disabled:活动， .datepicker表tr td.today.disabled:悬停：active， .datepicker表tr td.today.active， .datepicker表tr td.today:hover.active， .datepicker表tr td.today.disabled.active， .datepicker表tr.today.disabled:hover.active{ 背景色：fbf069\9； } .datepicker表tr td.今天：悬停：悬停{ 颜色：000； } .datepicker表tr.today.active:悬停{ 颜色：fff； } .datepicker表tr td.range， .datepicker表tr td.范围：悬停， .datepicker表tr td.range.disabled， .datepicker表tr td.range.disabled:悬停{ 背景：EEEE； -webkit边界半径：0； -moz边界半径：0； 边界半径：0； } .datepicker表tr td.range.today， .datepicker表tr td.range.今天：悬停， .datepicker表tr td.range.today.disabled， .datepicker表tr td.range.today.disabled:悬停{ 背景色：f3d17a； 背景图像：-moz线性渐变至底部，f3c17a，f3e97a； 背景图像：-ms线性渐变至底部，f3c17a，f3e97a； 背景图像：-webkit梯度线性，0.0,0.100%，从F3C17A到3E97A； 背景图像：-webkit线性渐变至底部，f3c17a、f3e97a； 背景图像：-o-线性-渐变至底部，f3c17a，f3e97a； 背景图像：线性渐变至底部，f3c17a，f3e97a； 背景重复：重复-x； 过滤器：progid:DXImageTransform.Microsoft.gradientstartColorstr='f3c17a'，endColorstr='f3e97a'，GradientType=0； 边框颜色：f3e97a f3e97a edde34； 边框颜色：rgba0,0,0,0.1RGBA0,0,0,0.1RGBA0,0,0,0.25； 过滤器：progid:DXImageTransform.Microsoft.gradientenabled=false； -webkit边界半径：0； -moz边界半径：0； 边界半径：0； } .datepicker表tr td.range.今天：悬停， .datepicker表tr td.range.today:悬停：悬停， .datepicker表tr td.range.today.disabled:悬停， .datepicker表tr td.range.today.disabled:hover:hover， .datepicker表tr td.range.today:活动， .datepicker表tr td.range.today:悬停：活动， .datepicker表tr td.range.today.disabled:活动， .datepicker表tr td.range.today.disabled:悬停：active， .datepicker表tr td.range.today.active， .datepicker表tr td.range.today:hover.active， .datepicker表tr td.range.today.disabled.active， .datepicker表tr td.range.today.disabled:hover.active， .datepicker表tr td.range.today.disabled， .datepicker表tr td.range.today:hover.disabled， .datepicker表tr td.range.today.disabled.disabled， .datepicker表tr td.range.today.disabled:hover.disabled， .datepicker表tr td.range.today[已禁用]， .datepicker表tr td.range.today:悬停[禁用]， .datepicker表tr td.range.today.disabled[disabled]， .datepicker表tr td.range.today.disabled:悬停[禁用]{ 背景色：f3e97a； } .datepicker表tr td.range.today:活动， .datepicker表tr td.range.today:悬停：活动， .datepicker表tr td.range.today.disabled:活动， .datepicker表tr td.range.today.disabled:悬停：active， .datepicker表tr td.range.today.active， .datepicker表tr td.range.today:hover.active， .datepicker表tr td.range.today.disabled.active， .datepicker表tr td.range.today.disabled:hover.active{ 背景色：efe24b\9； } .datepicker表tr td.selected， .datepicker表tr td.选定：悬停， .datepicker表tr td.selected.disabled， .datepicker表tr td.selected.disabled:悬停{ 背景色：9e9e9e； 背景图像：-moz线性渐变至底部，B3，8080； 背景图像：-ms线性渐变至底部，B3，8080； 背景图像：-webkit梯度线性，0.0,0.100%，从B3到8080； 背景图片：-webkit线性渐变至底部，B3，8080； 背景图像：-o-线性-梯度到底部，B3，8080； 背景图像：线性渐变至底部，B3，8080； 背景重复：重复-x； 过滤器：progid:DXImageTransform.Microsoft.gradientstartColorstr='B3B3'，endColorstr='808080'，GradientType=0； 边框颜色：8080595959； 边框颜色：rgba0,0,0,0.1RGBA0,0,0,0.1RGBA0,0,0,0.25； 过滤器：progid:DXImageTransform.Microsoft.gradientenabled=false； 颜色：fff； 文本阴影：0-1px0rgba0,0,0,0.25； } .datepicker表tr td.选定：悬停， .datepicker表tr td.选定：悬停：悬停， .datepicker表tr td.selected.disabled:悬停， .datepicker表tr td.selected.disabled:悬停：悬停， .datepicker表tr td.选定：活动， .datepicker表tr td.选定：悬停：活动， .datepicker表tr td.selected.disabled:活动， .datepicker表tr td.已选定。已禁用：悬停：活动， .datepicker表tr td.selected.active， .datepicker表tr td.选定：hover.active， .datepicker表tr td.selected.disabled.active， .datepicker表tr td.selected.disabled:hover.active， .datepicker表tr td.selected.disabled， .datepicker表tr td.selected:hover.disabled， .datepicker表tr td.selected.disabled.disabled， .datepicker表tr td.selected.disable:hover.disab 带路， .datepicker表tr.td.已选择[禁用]， .datepicker表tr td.选定：悬停[禁用]， .datepicker表tr td.selected.disabled[disabled]， .datepicker表tr td.selected.disabled:悬停[禁用]{ 背景色：8080； } .datepicker表tr td.选定：活动， .datepicker表tr td.选定：悬停：活动， .datepicker表tr td.selected.disabled:活动， .datepicker表tr td.已选定。已禁用：悬停：活动， .datepicker表tr td.selected.active， .datepicker表tr td.选定：hover.active， .datepicker表tr td.selected.disabled.active， .datepicker表tr td.selected.disabled:hover.active{ 背景色：666666\9； } .datepicker表tr td.active， .datepicker表tr td.active：悬停， .datepicker表tr td.active.disabled， .datepicker表tr td.active.disabled:悬停{ 背景色：006dcc； 背景图像：-moz线性渐变至底部，0088cc，0044cc； 背景图像：-ms线性渐变至底部，0088cc，0044cc； 背景图片：-webkit gradientlinear，0.0,0.100%，从0088cc到0044cc； 背景图像：-webkit线性渐变至底部，0088cc，0044cc； 背景图像：-o-线性-渐变至底部，0088cc，0044cc； 背景图像：线性渐变至底部，0088cc，0044cc； 背景重复：重复-x； 过滤器：progid:DXImageTransform.Microsoft.gradientstartColorstr='0088cc'，endColorstr='0044cc'，GradientType=0； 边框颜色：0044cc 0044cc 002a80； 边框颜色：rgba0,0,0,0.1RGBA0,0,0,0.1RGBA0,0,0,0.25； 过滤器：progid:DXImageTransform.Microsoft.gradientenabled=false； 颜色：fff； 文本阴影：0-1px0rgba0,0,0,0.25； } .datepicker表tr td.active：悬停， .datepicker表tr td.active:悬停：悬停， .datepicker表tr td.active.disabled:悬停， .datepicker表tr td.active.disabled:hover:hover， .datepicker表tr td.active:active， .datepicker表tr td.active:悬停：active， .datepicker表tr td.active.disabled:active， .datepicker表tr td.active.disabled:hover:active， .datepicker表tr td.active.active， .datepicker表tr td.active:hover.active， .datepicker表tr td.active.disabled.active， .datepicker表tr td.active.disabled:hover.active， .datepicker表tr td.active.disabled， .datepicker表tr td.active:hover.disabled， .datepicker表tr td.active.disabled.disabled， .datepicker表tr td.active.disabled:hover.disabled， .datepicker表tr td.active[禁用]， .datepicker表tr td.active:悬停[禁用]， .datepicker表tr td.active.disabled[disabled]， .datepicker表tr td.active.disabled:悬停[禁用]{ 背景色：0044cc； } .datepicker表tr td.active:active， .datepicker表tr td.active:悬停：active， .datepicker表tr td.active.disabled:active， .datepicker表tr td.active.disabled:hover:active， .datepicker表tr td.active.active， .datepicker表tr td.active:hover.active， .datepicker表tr td.active.disabled.active， .datepicker表tr td.active.disabled:hover.active{ 背景色：003399\9； } .datepicker表tr td span{ 显示：块； 宽度：23%； 高度：54px； 线高：54px； 浮动：左； 利润率：1%； 光标：指针； -webkit边界半径：4px； -moz边界半径：4px； 边界半径：4px； } .datepicker表tr td span:悬停{ 背景：EEEE； } .datepicker表tr td span.disabled， .datepicker表tr td span.disabled:悬停{ 背景：无； 颜色：999999； 游标：默认值； } .datepicker表tr td span.active， .datepicker表tr td span.active:悬停， .datepicker表tr td span.active.disabled， .datepicker表tr td span.active.disabled:悬停{ 背景色：006dcc； 背景图像：-moz线性渐变至底部，0088cc，0044cc； 背景图像：-ms线性渐变至底部，0088cc，0044cc； 背景图片：-webkit gradientlinear，0.0,0.100%，从0088cc到0044cc； 背景图像：-webkit线性渐变至底部，0088cc，0044cc； 背景图像：-o-线性-渐变至底部，0088cc，0044cc； 背景图像：线性渐变至底部，0088cc，0044cc； 背景重复：重复-x； 过滤器：progid:DXImageTransform.Microsoft.gradientstartColorstr='0088cc'，endColorstr='0044cc'，GradientType=0； 边框颜色：0044cc 0044cc 002a80； 边框颜色：rgba0,0,0,0.1RGBA0,0,0,0.1RGBA0,0,0,0.25； 过滤器：progid:DXImageTransform.Microsoft.gradientenabled=false； 颜色：fff； 文本阴影：0-1px0rgba0,0,0,0.25； } .datepicker表tr td span.active:悬停， .datepicker表tr td span.active:悬停：悬停， .datepicker表tr td span.active.disabled:悬停， .datepicker表tr td span.active.disabled:hover:hover， .datepicker表tr td span.active：激活， .datepicker表tr td span.active:悬停：active， .datepicker表tr td span.active.disabled:active， .datepicker表tr td span.active.disabled:hover:active， .datepicker表tr td span.active.active， .datepicker表tr td span.active:hover.active， .datepicker表tr td span.active.disabled.activ E .datepicker表tr td span.active.disabled:hover.active， .datepicker表tr td span.active.disabled， .datepicker表tr td span.active:hover.disabled， .datepicker表tr td span.active.disabled.disabled， .datepicker表tr td span.active.disabled:hover.disabled， .datepicker表tr td span.active[禁用]， .datepicker表tr td span.active:悬停[禁用]， .datepicker表tr td span.active.disabled[disabled]， .datepicker表tr td span.active.disabled:悬停[禁用]{ 背景色：0044cc； } .datepicker表tr td span.active：激活， .datepicker表tr td span.active:悬停：active， .datepicker表tr td span.active.disabled:active， .datepicker表tr td span.active.disabled:hover:active， .datepicker表tr td span.active.active， .datepicker表tr td span.active:hover.active， .datepicker表tr td span.active.disabled.active， .datepicker表tr td span.active.disabled:hover.active{ 背景色：003399\9； } .datepicker表tr td span.old， .datepicker表tr td span.new{ 颜色：999999； } .datepicker.datepicker开关{ 宽度：145px； } .datepicker.datepicker开关， .datepicker.prev， .日期选择器.下一步， .datepicker tfoot tr th{ 光标：指针； } .datepicker.datepicker开关：悬停， .datepicker.prev:悬停， .datepicker.下一步：悬停， .datepicker tfoot tr th:悬停{ 背景：EEEE； } .datepicker.cw{ 字体大小：10px； 宽度：12px； 填充：0 2px 0 5px； 垂直对齐：中间对齐； } .input-append.date.add-on， .input-prepend.date.add-on{ 光标：指针； } .input-append.date.add-on i， .input-prepend.date.add-on i{ 利润上限：3倍； } .输入日期范围输入{ 文本对齐：居中； } .input日期范围输入：第一个子项{ -webkit边界半径：3px 0 3px； -moz边界半径：3px 0 3px； 边界半径：3px 0 3px； } .input日期范围输入：最后一个子项{ -webkit边界半径：0 3px 3px 0； -moz边界半径：0 3px 3px 0； 边界半径：0 3px 3px 0； } .input daterange.add-on{ 显示：内联块； 宽度：自动； 最小宽度：16px； 高度：18px； 填充物：4px 5px； 字体大小：正常； 线高：18px； 文本对齐：居中； 文本阴影：0 1px 0 ffffff； 垂直对齐：中间对齐； 背景色：EEEE； 边框：1px实心ccc； 左边距：-5px； 右边距：-5px； } 引导多选择日期选择器

---

请解释你的答案，而不仅仅是向回答者倾倒代码。这是你想要的解决方案吗？让我确认一下这对我很有用我很感激你的努力我很高兴听到你这么说

<script src="<?php echo base_url() ?>assets/inilabs/EtDesigns/js/jquery.datetimepicker.full.min.js"></script>
<script type="text/javascript">
    jq(document).ready(function () {
        'use strict';
        jq('#assign_lecture').datetimepicker({
            minDate: 0,
            multidate: true,
            timepicker:false,
            format:'d-m-Y',
            formatDate:'Y/m/d',
        });
    });
</script>

<input type="text" class="form-control" id="assign_lecture"/>