如何使用JQuery 3.3.1和Bootstrap 3.3.7设置日期选择器?

如何使用JQuery 3.3.1和Bootstrap 3.3.7设置日期选择器?,jquery,twitter-bootstrap,twitter-bootstrap-3,datepicker,eonasdan-datetimepicker,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,Datepicker,Eonasdan Datetimepicker,我必须以几种不同的形式为输入字段设置日期选择器。在过去,我使用jQuery日期选择器,但是对于这个项目,我使用Bootstrap3,所以有另一种方法可用。以下是我迄今为止的一个例子: $(文档).ready(函数(){ $('.datepick').datetimepicker(); }); 您必须使用输入组类将日期拾取类从移动到,以允许用户单击日历图标打开拾取程序 然后必须向输入中添加只读属性,并将选项设置为true 使用选项自定义日期格式并隐藏时间选择器,如文档所述: 有关有效格式,请参阅

我必须以几种不同的形式为输入字段设置日期选择器。在过去,我使用jQuery日期选择器,但是对于这个项目,我使用Bootstrap3,所以有另一种方法可用。以下是我迄今为止的一个例子:

$(文档).ready(函数(){
$('.datepick').datetimepicker();
});

您必须使用
输入组
类将
日期拾取
类从
移动到
,以允许用户单击日历图标打开拾取程序

然后必须向输入中添加只读属性,并将选项设置为
true

使用选项自定义日期格式并隐藏时间选择器,如文档所述:

有关有效格式,请参阅。格式还指示显示哪些组件,例如,
MM/dd/YYYY
将不显示时间选择器

这里有一个活样本:

$(文档).ready(函数(){
$('.datepick').datetimepicker({
格式:“L”,
ignoreReadonly:正确
});
});