标签: bootstrap-datetimepicker
在Bootstrap datetimepicker上删除AM和PM
我正在使用Eonasdan Bootstrap 3 Datetimepciker.在这里,我不想在屏幕上显示AM和PM.如何在屏幕中删除它？
推荐指数
解决办法
查看次数
Bootstrap datetimepicker 在不同的 div 上的奇怪定位
我正在使用带有格式的 bootstrap datetimepicker 以仅在我的代码中启用编辑时间，我这样做：
function setTimepicker(object){
object.datetimepicker({
format: 'HH:mm'
});
}
我在 document.ready 中调用这个函数，如下所示：
$(document).ready(function(){
setTimepicker(starttimefield);
setTimepicker(endtimefield);
});
我使用的 html 是这样的：
<div class="panel-body">
<form id="myform">
<p> <b>Create a New Event:</b></p>
<br>
<p>Description for main page: <br>
<textarea id="summary" name="summary" maxlength="100"></textarea>
</p>
<p> Full description: <br>
<textarea id="description" name="description" maxlength="500"></textarea>
</p>
<div class="wrapper">
<div class="titles">
<p> Event date:
</p>
<p> Start time:
</p>
<p> End time:
</p>
</div>
<div class="values">
<input type="text" id="eventdate" readonly/><br>
<div id="starttimepicker">
<input type="text" id="starttime" onkeydown="return false"/><br> …推荐指数
解决办法
查看次数
在 Eonasdan Bootstrap datepicker 中设置默认日期
我使用http://eonasdan.github.io/bootstrap-datetimepicker/来实现日历功能
这是html
<div class="form-group" id="div_mydatecontainer">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
构造
$('#datetimepicker1').datetimepicker({
format: 'l',
locale:'en-gb'
});
如何显示距离当前日期 20 天的默认日期？
推荐指数
解决办法
查看次数
Bootstrap日期时间选择器选项,每半小时选择一次
有没有办法让bootstrap日期时间选择器只向我显示代表半小时间隔的选项？(8:00; 8:30; 9:00; 9:30; ......)
另外我想知道是否有办法限制时间间隔(例如从上午8:00到下午18:00开始).
推荐指数
解决办法
查看次数
Bootstrap 3 Datepicker - enabledHours() 需要一个数组参数
我在带有 2 个时间选择器的页面上使用 Bootstrap 3 Datepicker - 当我将它们一起使用时，出现错误：
enabledHours()需要一个数组参数
如果我只运行一个，那么我不会收到任何错误。
这是我用于选择器的代码：
jQuery(document).ready(function () {
$('.datetimepicker1').datetimepicker({
showClose: true,
format: "HHmm",
enabledHours: [14, 15, 16, 17, 18],
sideBySide: true
});
});
我创建了一个小提琴，它在https://jsfiddle.net/zgyd1qqd/1/重新创建了这个
此外，我还使用相同的代码（https://jsfiddle.net/zgyd1qqd/2/）做了一个小提琴，但只初始化了一个选择器并且错误不存在，所以我认为，格式等enabledHours实际上可以吗？
我的代码中还有其他错误吗？
jquery datepicker twitter-bootstrap bootstrap-datetimepicker
推荐指数
解决办法
查看次数
Bootstrap-Datetimepicker：如何从月份选择器中删除年份数字
我想从月份选择器的顶部标题中删除年份数字，如下图所示：
我确实尝试过，viewMode: 'months'但没有成功。我该怎么做。请帮助这是源代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Review Sample Month Only</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">
$(function () {
$('#datetimepicker').datetimepicker({
format: 'MM',
viewMode: 'months'
});
});
</script>
</head>
<body >
<div class="container" >
<div class="panel-group">
<div class="panel panel-primary" >
<div class="panel-heading" >
<h3 class="panel-title" style="text-align: center;">Review Sample Month Only</h3>
</div>
<div class="panel-body">
<form class="form-horizontal" >
<div class="form-group">
<label class="control-label col-sm-2" …推荐指数
解决办法
查看次数
如何使用 dp.change 事件自动关闭 Bootstrap 的日期时间选择器？
如何仅在日期选择时自动关闭日期时间选择器。我正在使用 dp.change 事件，但即使在更改时间时它也会关闭 datetimepicker。
$('.datetimepicker').each(function () {
$(this).on('dp.change', function (ev) {
$(this).data('DateTimePicker').hide();
});
});
timePicker 的 className 是什么？如果我得到这个类并告诉 datetimepicker 如果 className 等于 timepicker 的 className 不要关闭怎么办？
datetimepicker 的最新版本是什么？
1 是这个：http : //eonasdan.github.io/bootstrap-datetimepicker/
第二个是带有 autoClose 属性的。
http://www.malot.fr/bootstrap-datetimepicker/
谢谢。
twitter-bootstrap bootstrap-datetimepicker eonasdan-datetimepicker
推荐指数
解决办法
查看次数
Bootstrap datetimepicker 只有月份和年份不能按预期工作
我的日期时间选择器适用于第一次单击，但如果我再次在输入字段中单击，它会显示带有日期字段的选择器。我怎样才能做到这一点？任何帮助将不胜感激。
这是第一次点击时的图像（预期行为）
这是第二次点击的图像（预期行为与第一次相似）
我的代码在下面
HTML
<div class='input-group' id='dpRM'>
<input type='text' class="form-control form-control-1 form-input input-sm fromq" placeholder="Enter Month and year" />
<span class="input-group-addon">
<span class="fa fa-calendar"></span>
</span>
</div>
Javascript
<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>
提前致谢
twitter-bootstrap bootstrap-datetimepicker eonasdan-datetimepicker
推荐指数
解决办法
查看次数
Bootstrap datetimepicker 日期已禁用
我使用 bootstrap datetimepicker，我想在每年的 5 月 1 日和 12 月 25 日禁用，我尝试使用 dateDisabled: ['25/12/2016'] 并且我有这个错误“TypeError: format is undefined”我更改为 ['25 -12-2016'] 或 ['25 12 2016'] 或 ['2016/12/25'] 或 ['2016 12 25'] 或 ['2016-12-25'] 并且是相同的错误。所以，我试过：
dayOff = new Date();
dayOff.setMonth(04,01);
dayOff = dayOff.toString();
$('.js-datepicker').datetimepicker({
format: "dd MM yyyy - hh:ii",
autoclose: true,
language: 'fr',
pickerPosition: "bottom-left",
startDate: date,
endDate: '2017-12-31',
daysOfWeekDisabled: [2],
datesDisabled: dayOff,
});
我也遇到了同样的错误，怎么了？
推荐指数
解决办法
查看次数
Bootstrap 4 DateTimePicker 从周一开始一周
在Bootstrap 4 datetimepicker中，如何使周从星期一而不是星期日开始？
html css datetimepicker bootstrap-datetimepicker bootstrap-4
推荐指数
解决办法
查看次数