2017-09-03 120 views
2

我想通过bootstrap-datetimepicker禁用时间选择。如何禁用pickTime引导dateTimePicker

这是我的JavaScript:

$('.dateTimePicker2').datetimepicker({ 
    language: "fr", 
    pickTime: false, 
}); 

我知道,有不同的DateTimePicker插件。我使用smalot/bootstrap-datetimepicker。即使我设置pickTimefalse,它不起作用?任何想法?

回答

1

您可以使用formatminViewoption,设置format: "yyyy-mm-dd"minView: "month"format选项确定要在输入中显示的格式,而minView选项是最低视图,即datetimepicker应显示

这里工作示例:

$('.dateTimePicker2').datetimepicker({ 
 
    format: "yyyy-mm-dd", 
 
    minView: "month", 
 
    language: "fr" 
 
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/js/bootstrap-datetimepicker.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/js/locales/bootstrap-datetimepicker.fr.js"></script> 
 

 
<input size="16" type="text" readonly class="dateTimePicker2">

+1

谢谢!!它工作正常! – Moh