如何使用JQuery 3.3.1和Bootstrap 3.3.7设置日期选择器?
我必须以几种不同的形式为输入字段设置日期选择器。在过去,我使用jQuery日期选择器,但是对于这个项目,我使用Bootstrap3,所以有另一种方法可用。以下是我迄今为止的一个例子:如何使用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 使用选项自定义日期格式并隐藏时间选择器,如文档所述: 有关有效格式,请参阅
$(文档).ready(函数(){
$('.datepick').datetimepicker();
});代码>
您必须使用输入组
类将日期拾取
类从
移动到
,以允许用户单击日历图标打开拾取程序
然后必须向输入中添加只读属性,并将选项设置为true
使用选项自定义日期格式并隐藏时间选择器,如文档所述:
有关有效格式,请参阅。格式还指示显示哪些组件,例如,MM/dd/YYYY
将不显示时间选择器
这里有一个活样本:
$(文档).ready(函数(){
$('.datepick').datetimepicker({
格式:“L”,
ignoreReadonly:正确
});
});代码>