Twitter bootstrap 仅引导datetimepicker月份和年份未按预期工作
我的日期时间选择器在第一次单击时工作,但如果我再次单击输入字段,它将显示带有日期字段的选择器。我该怎么做?任何帮助都将不胜感激 这是第一次单击中的图像(预期行为) 这是第二次单击中的图像(预期行为与第一次类似) 我的代码在下面 HTMLTwitter bootstrap 仅引导datetimepicker月份和年份未按预期工作,twitter-bootstrap,bootstrap-datetimepicker,eonasdan-datetimepicker,Twitter Bootstrap,Bootstrap Datetimepicker,Eonasdan Datetimepicker,我的日期时间选择器在第一次单击时工作,但如果我再次单击输入字段,它将显示带有日期字段的选择器。我该怎么做?任何帮助都将不胜感激 这是第一次单击中的图像(预期行为) 这是第二次单击中的图像(预期行为与第一次类似) 我的代码在下面 HTML Javascript $(函数(){ $(“#dpRM”).datetimepicker({ 格式:“MM YYYY”, 查看模式:“年”, //minViewMode:0, 工具栏位置:“顶部”, AllownPuttoggle:对, 图标:{ 时间
Javascript
$(函数(){
$(“#dpRM”).datetimepicker({
格式:“MM YYYY”,
查看模式:“年”,
//minViewMode:0,
工具栏位置:“顶部”,
AllownPuttoggle:对,
图标:{
时间:“fa fa time”,
日期:“日历”,
向上:'fa-fa-chevron向上',
向下:“fa-fa-chevron向下”,
上一篇:“左前V字形”,
下一个:“右足总雪佛龙”,
今天:“足总截图”,
清除:“fa fa垃圾”,
关闭:“fa fa remove”
}
});
});
提前感谢尝试以下操作
$('#dpRM').datetimepicker({
viewMode : 'months',
format : 'MM/YYYY',
toolbarPlacement: "top",
allowInputToggle: true,
icons: {
time: 'fa fa-time',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-screenshot',
clear: 'fa fa-trash',
close: 'fa fa-remove'
}
});
$("#dpRM").on("dp.show", function(e) {
$(e.target).data("DateTimePicker").viewMode("months");
});
参考:这是一个影响版本
4.17.42
和4.17.43
。您可以根据github上的建议修改datetimepicker代码,或者使用较旧版本的组件,如4.17.37
。谢谢,这是一个快速的帮助,但不幸的是,它对我不起作用,我正在尝试注释currentViewMode=0;在版本4.17.45中为我工作只是dp.show上的事件工作得很好。非常感谢。
<script type="text/javascript">
$(function() {
$('#dpRM').datetimepicker({
format: "MMMM YYYY",
viewMode: "years",
//minViewMode: 0,
toolbarPlacement: "top",
allowInputToggle: true,
icons: {
time: 'fa fa-time',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-screenshot',
clear: 'fa fa-trash',
close: 'fa fa-remove'
}
});
});
</script>
$('#dpRM').datetimepicker({
viewMode : 'months',
format : 'MM/YYYY',
toolbarPlacement: "top",
allowInputToggle: true,
icons: {
time: 'fa fa-time',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-screenshot',
clear: 'fa fa-trash',
close: 'fa fa-remove'
}
});
$("#dpRM").on("dp.show", function(e) {
$(e.target).data("DateTimePicker").viewMode("months");
});