更改事件在Bootstrap 4日历上不起作用
可能是由于以下几个原因：
- 错误的选择器或事件绑定：确保你正确地选择了要更改的元素，并正确地绑定了事件。可以使用开发者工具检查元素的选择器和事件绑定是否正确。
- 代码逻辑错误：检查你的代码逻辑，确保更改事件的代码在正确的位置和顺序上。可能存在其他代码干扰了你的更改事件。
- 依赖关系问题：Bootstrap 4日历可能依赖于其他库或插件。确保你已经正确地引入了这些依赖项，并按照它们的文档进行了初始化和配置。
- 版本兼容性问题：如果你使用的是较旧的Bootstrap 4版本，可能存在某些功能或修复不完善的问题。尝试升级到最新版本，以确保你使用的是最稳定和完善的版本。
如果以上解决方法都没有解决你的问题，可以尝试以下步骤：
- 查找文档和示例：查阅Bootstrap 4日历的官方文档和示例，了解如何正确地使用和配置更改事件。
- 搜索社区论坛：在Bootstrap的社区论坛或Stack Overflow等技术问答网站上搜索类似的问题，看看其他人是否遇到了相同的问题，并找到解决方案。
- 联系技术支持：如果你购买了相关的腾讯云产品，可以联系腾讯云的技术支持团队，向他们咨询关于Bootstrap 4日历的问题，并获得专业的帮助和指导。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供灵活可扩展的云服务器实例，适用于各种应用场景。详情请参考：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用。详情请参考：云数据库MySQL版产品介绍
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。详情请参考：云存储产品介绍
- 人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，帮助开发者构建智能化应用。详情请参考：人工智能平台产品介绍
- 物联网套件（IoT Suite）：提供全面的物联网解决方案，帮助开发者快速构建和管理物联网设备。详情请参考：物联网套件产品介绍
相关·内容
我在我的网站上使用eonasdan的bootstrap日期时间选择器插件。我的网站运行在ASP.NET MVC5上，它有jQuery 1.10.2，bootstrap 3.3.6，requirejs和其他几个插件。我遇到的问题是，日期时间选择器在Safari (iphone，ipad)中不能正常工作。当我单击文本框时，日历将出现，但当我单击日期时，日历将关闭，并且不会选择日期或在文本框中输入日期。就好像触摸事件不能点击该区域一样。我试着在一个单独的应用程序中运行这个插件，它运行得很好，但由于某些原因，它在这个网站上不起作用。我试着升级到jQuery 2，得到了同样的结果。它不会抛出任何错误，也
浏览 13提问于2016-09-08得票数 4
回答已采纳
我已经创建了动态日期选择器，如本例所示，但我必须将字形图标-日历放在输入之后，但是日历日期选择器的单击事件在字形图标-日历上不起作用
我已经尝试了下面的代码，但它不工作.
<div class="input-group">
<input type="text" class="form-control textmodify_newSchedule datepicker_recurring_start" >
<span class="input-group-addon datepicker_r
浏览 20提问于2019-03-25得票数 0
回答已采纳
我在slickgrid中使用bootstrap日历。当日历弹出窗口打开并使用Alt+tab或scope out of slickgrid时，日历就会卡住。我必须重新加载应用程序来摆脱日历弹出窗口。我想在用户作用域离开slickgrid时立即关闭日历弹出窗口。请建议做这件事的方法。
浏览 16提问于2020-09-21得票数 0
Bootstrap-4的日期时间选取器在Internet Explorer上不起作用。我如何做到这一点呢？我已经在整个项目中使用了Bootstrap-4。
浏览 0提问于2019-04-02得票数 0
当我尝试更新日历事件的标题和描述时，收到此错误。奇怪的是，它在一个日历上有效，而在另一个日历上不起作用。
下面是一个代码示例
function makeAppointment(eventID, person, calendarID){
Logger.log("eventID:", eventID);
Logger.log("userFolder: " + person);
Logger.log("calendarID: " + calendarID);
var userFolder = findFolder(person);
浏览 0提问于2016-05-19得票数 1
我正在使用Bootstrap来显示日历，但我不希望任何人为的交互。
它必须是一个只读日历。
我试图禁用onchange事件，但它不起作用：
编辑澄清：
$("#myDatePicker").datepicker();
$("#myDatePicker").datepicker().on("changeDate", function (ev) {
return false;
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.
浏览 6提问于2016-10-22得票数 0
回答已采纳
1回答
我想同时弹出一个模式视图和前一个视图。例如，看看calendars应用。当我在Edit屏幕上选择Delete Event时，我会返回到日历视图。
弹出以模态方式呈现的Edit屏幕以及Event屏幕(其中用户正在查看日历事件)。我遇到的问题是，我知道如何从相同的屏幕子类(本例中为Edit UIViewController )弹出模式视图。
我如何弹出一个非模式的视图？
我正在考虑像往常一样弹出模式视图，然后向'Event‘(例如)屏幕的UIViewController子类发布一个NSNotification，并告诉它也弹出该视图。
另一件事是，对于动画，它应该是dismissModalV
浏览 3提问于2011-11-13得票数 2
回答已采纳
2回答
我在我的页面上使用了jQuery日历和输入掩码插件，它们工作得很好。我有一个Add按钮，它添加一个带有文本框的行，但是插件在新添加的行上不起作用。我该如何解决这个问题呢？如果在add按钮单击事件中再次调用插件代码，它们似乎可以工作，但我想知道是否有更好的方法来使其工作。谢谢。
$(".add-row").on("click", function () {
// Add row
// Call AGAIN to make it work
$(".time").mask("99:99");
$(&
浏览 4提问于2013-03-29得票数 0
Ajax调用捕获事件在响应视图的datatables插件内的Bootstrap开关上不起作用。
$('.switch').bootstrapSwitch();
$('.switch').on('switchChange.bootstrapSwitch', function ()
{
var id =$(this).attr("attrid");
$.ajax({
type:'POST',
url:'<?php echo base_url();?&g
浏览 5提问于2016-08-22得票数 0
我正在创建一个完整的日历，它通过events属性中设置的函数调用来检索事件。
这是完整的日历定义(在显示模态对话框时创建)：
var calendarCreated = false;
$('#modal_calendar').on('shown.bs.modal', function () {
$(this).find('.card-header').draggable();
if (!calendarCreated) {
浏览 1提问于2021-04-29得票数 0
回答已采纳
这是我的完整日历定义：
$('#modal_calendar').on('shown.bs.modal', function () {
$('[data-toggle="calendar"]').fullCalendar({
themeSystem: 'bootstrap4',
locale: 'es',
monthNames: [&
浏览 3提问于2021-04-28得票数 0
回答已采纳
我最近把我的网站部署到Heroku。这是一个简单的静态网站，使用Bootstrap，jQuery和Popper。但是当我将它部署到Heroku时，它显示了一个错误：
Uncaught TypeError: Bootstrap tooltips require Popper.js
Npm直接安装在Heroku上不起作用。添加CDN不起作用。我可以看到popper正在成功安装，但是没有什么改变，就像以前一样。
package.json：
{
"name": "...",
"version": "1.0.0",
"d
浏览 0提问于2018-12-15得票数 0
回答已采纳
1回答
将高光设置为范围滑块
、、、
我使用bootstrap 4和angular 8。我想做这样的东西： ? 这是一个带有高亮显示的地段的范围滑块。我希望在开头有一个红色突出显示的扇区，在结尾有一个扇区，以表明有人选择了一个将是关键的值。这张图片来自https://seiyria.com/bootstrap-slider/的一个示例，如示例22所示。但有一个已知的问题，那就是这在Bootstrap 4上不起作用--我试过了，但它不起作用。我试过CSS，但红色扇区的值是可变的，所以它不起作用。有人能帮上忙吗？
浏览 9提问于2020-01-30得票数 2
回答已采纳
1回答
全日历重取事件源
、、、
正如标题所述，我有一个关于完整日历中的EventSource的问题。
现在，我可以在完整的日历中加载一个google日历。并且知道如何添加多个google日历。
但是，我想使用复选框(链接到他们自己的谷歌日历)，我用googleCalendarIds动态地创建一个数组，所有这些都可以，但是我不能让日历“重新获取”数组中的googleCalendarIds中的所有事件。
目前，这是我用来填充日历的代码：
document.addEventListener('DOMContentLoaded', function() {
var selected = [];
$('.bad
浏览 2提问于2019-11-28得票数 0
回答已采纳
1回答
我对全息日历有点问题。日历框大小不同。我正在使用谷歌日历，我的网站正在运行Bootstrap (我怀疑这可能是问题的一部分)。如有任何帮助，我们不胜感激！谢谢!
这是我的代码。
<script type='text/javascript'>
$(document).ready(function() {
$('#calendar').fullCalendar({
defaultView: 'month',
googleCalendarApiKey: 'AIzaSyAtQycskAlpsb3lvwq-Z
浏览 3提问于2017-01-06得票数 0
1回答
如何获取小部件日历的值？
、、、
通过使用日期选择器在输入中输入日期，ng模型不会捕获日历按钮输入的日期。只有当我在日历按钮输入的日期上插入这样的空格时，ng模型才能捕捉到这一点。任何人都知道，告诉我如何通过按下日历按钮，ng模型捕获值？
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
<link rel='stylesheet' hr
浏览 2提问于2015-02-20得票数 3
回答已采纳
我使用的是全日程库，调度器模块。
我在视图定义中使用minTime属性并将其设置为：'06:00:00‘(这样"day is not start with午夜“)。
但是当我这样做的时候，在6h之前开始的日历元素有一个类fc-not-start，即使它们在日历的中间...
如何处理这个问题？
编辑：
一些附加信息：
完整日历版本: v3.9.0
fc-not-start：此类应具有未在此视图中启动的日历(计划)元素。(起点不可见)。这是必要的，因为如果元素有一些圆角，边框，...如果start不可见，它不应该出现在左侧。(或者，如果您想要显示图标，说明您没有看到完整的元素)
示
浏览 0提问于2019-07-11得票数 1
我正在使用Bootstrap，并且我有一个包含input-group-addon类的span。正如我们都知道的，在其他组件中使用附加组件是相当普遍的。我遇到的问题是，在我禁用了绑定到该类的输入之后，禁用了包含该类的span。
在我的示例中，我使用了一个带有bootstrap datepicker组件的日历插件。
<div class="input-group date">
<input type="text" class="form-control" id="dp1" />
<sp
浏览 0提问于2015-03-11得票数 4
回答已采纳
3回答
Bootsrap附加不起作用
、、、、
我已经添加了Bootstrap和data-spy属性的库，当我向下滚动页面时，我想在其中修复div。但是它不起作用，我几乎试了所有的方法，但还是不能弄清楚问题所在。是不是像data-spy属性在class = "row“上不起作用？这是我的HTML代码。
<div class="row">
<h4> HEADING </h4>
<h5>
<div class="row" data-spy="affix" data-of
浏览 11提问于2017-01-04得票数 0
当我调整jquery日历的大小时，点击事件的一半没有被点击，它在IE上运行良好，但在Firefox和chrome上不起作用。
浏览 1提问于2016-12-02得票数 0
回答已采纳
1回答
我使用的是选择框：
当我点击日期选择器时，日历弹出窗口打开。选择框在日历弹出窗口与选择框重叠时消失。它在Chrome和Mozilla上运行得很好。它在IE 8上不起作用。
有什么解决方案可以解决这个问题吗？
谢谢你，SK
浏览 1提问于2013-04-03得票数 0
1回答
引导年历不起作用
、、、
我想使用这个站点的引导年日历：。
虽然它的广告很容易使用，但我很挣扎。我使用SpringBootV1.4.1、Bootstrap V3.3.7和Thymeleaf。
我从上面提到的软件下载了所有的源代码，我唯一能做的就是显示日历本身。我创建了一个名为calendar.js的新文件，在该文件中，我为日历的自定义函数放置了所有的JavaScript。我试着显示星期数，但它甚至没有显示出来。在此页面上有标记日期的示例，而这些日期也没有显示。
我尝试了不同顺序的脚本和css文件，但不幸的是，它没有工作。我试过其他的数据显示器，但是它们也不起作用，尽管我遵循了安装页面给出的所有指示。到目前为止唯一起作用
浏览 2提问于2016-12-08得票数 1
我正在尝试获取HTML语言的编辑表单，其中我有一个类名为class=的select标记“selectpicker”，我需要在表单之后加载"bootstrap-select.js“。如果我从同一页面调用表单标记，它就可以正常工作。但是现在，当我尝试在按下编辑按钮时用Ajax调用它时，JavaScript属性在标记上不起作用，因为它是在开始执行上面的JavaScript文件之后加载的。我该如何解决这个问题？
<select
class="selectpicker"
name="keyword[]"
id="keyword[]
浏览 0提问于2018-11-02得票数 0
1回答
你能看看，让我知道为什么background-color: transparent;的CSS规则在bootstrap面板主体上不起作用吗？
#collapseOne .panel-body { background-color: transparent; }
.panel-body { background-color: transparent; }
浏览 2提问于2015-11-04得票数 3
5回答
bootstrap进度条在我的mvc索引视图上不起作用，我已经用chrome和ie试过了。
@{
ViewBag.Title = "Home Page";
}
<div class="jumbotron">
<h1>ASP.NET</h1>
<p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and
浏览 1提问于2014-03-05得票数 12
这是CSS代码
#container{
width:740px;
background-color:#fff;
padding:30px;
margin:60px auto;
}
此代码在bootstrap上不起作用。如何在bootstrap 3上添加此固定容器
浏览 0提问于2015-07-23得票数 0
2回答
我正在尝试将eventRender功能用于多个谷歌日历。我已经让日历正常工作了，但是当我从示例中添加eventRender代码时，我会丢失日历。我在这里写了一个代码：
$(function() {
$('#calendar').fullCalendar({
themeSystem: 'bootstrap4',
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,a
浏览 1提问于2018-03-28得票数 0
回答已采纳
1回答
Excel透视表自动排序
、、、
我有以下3个表，从一个较大的表中拉取值，我需要这些表和图表，以自动升序排序，一旦主数据改变。Screenshot我使用下面的VBA代码让表1在更新时自动排序，但由于某种原因，它在表2和表3上不起作用。(请注意，我只更改了代码中的列索引)，这对其他表enter image description here没有帮助 Private Sub Worksheet_Change(ByVal Target As Range)
If Not Intersect(Target, Range("X:X")) Is Nothing Then
Range("X4&
浏览 10提问于2019-02-07得票数 0
你好，朋友们，这是html代码。
<select name="map_style" class="map_style">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
&
浏览 1提问于2014-03-04得票数 0
我编写了下面的CSS，它在Firefox上工作，但在Chrome上不起作用。
body
{
background: darkorange;
padding-top: 54px;
}
上面的CSS是我应用到我的项目中的专用的自定义css。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg
浏览 0提问于2018-05-09得票数 0
回答已采纳
1回答
好吧，我正试着在cakephp中使用这个日历，它起作用了。
https://github.com/ahmontero/bootstrap-calendar
我是一个新手，以前从未学过jquery。好了，现在我想对这个日历源码做一些修改。正如您在demo.html中看到的那样，它获得了js代码。
.on('onEvent', function(event){
alert(event.day.valueOf() +'-'+ event.month.valueOf() +'-'+ event.year.valueOf());
})
onEv
浏览 0提问于2013-06-10得票数 0
在我支持Bootstrap的web应用程序中使用iNotesCalendar视图提供了一个不那么吸引人的日历(见下文)
有没有一种方法可以在日历周围包装一些引导样式？我在XPages4Bootstrap或bootstrap页面上找不到任何有关Bootstrap日历的内容。
浏览 1提问于2017-01-27得票数 1
1回答
感谢你的项目！真的很棒！
我目前正在尝试将完整日历从v1升级到v2。由于升级到v2页面文档，我修复了所有主要问题。
我现在被一个概念问题卡住了……
我的日历按用户显示事件。每个用户都由一个事件源表示。事件源基本上是一个事件数组。当我为用户添加事件时，我希望它以动态的方式添加到用户的事件源中。通过这种方式，我始终可以在源和日历上显示的事件之间保持完全匹配。
我成功地在v1中实现了这个用例，如下所示：
private void addEventToSource(Event event) {
// get user
String userId = event.getUserId();
浏览 2提问于2014-08-07得票数 1
1回答
用谷歌日历设置频道。
创建一个google日历事件。
得到了包含以下数据的推送通知。
X资源-Id，X资源-Uri，X通道-Id
现在我无法找到如何获取、修改了哪些事件数据或创建了哪些事件。
如何通过推送通知头数据(在第4行中提到)找到事件列表。
浏览 1提问于2017-05-05得票数 6
我在应用程序中使用bootstrap datepicker。(参见https://uxsolutions.github.io/bootstrap-datepicker/?markup=component&format=&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&maxViewMode=4&todayBtn=false&clearBtn=false&language=en&orientation=auto&multidate=&
浏览 14提问于2021-03-26得票数 1
回答已采纳
当访问者单击值为1001的选项时，我想显示一个灯箱：
$("#v65-cart-shipping-details select option[value='1001']").click(function() {
$.colorbox({width:"580px", inline:true, href:"#subscribe_popup"});
});
它在Mac上不起作用。
浏览 1提问于2013-02-06得票数 0
我正在使用jquery来触发完整日历的年/月变化，它只是在所有浏览器、所有PC屏幕和所有android手机上正常工作，但在iphones上不起作用。
我已经使用jquery来触发整个日历年度/月的更改，下面是我的代码
$("#myhcalendar").datepicker({
changeMonth: true,
changeYear: true,
showOn: 'both',
onChangeMonthYear: function(year, month, ob
浏览 4提问于2016-05-31得票数 1
回答已采纳
1回答
我正在使用Bootstarp v4.0与FullCalendar.io一起工作，我创建了如下所示的FullCalendar
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar, events = localStorage.reservedRooms ? JSON.parse(localStorage.reservedRooms) : []
c
浏览 1提问于2019-07-15得票数 0
回答已采纳
3回答
嘿，Bootstrap在我的rails应用程序(Rails 5.0.5)上不起作用。我遵循了下面的步骤。以下是我的文件：
//= require reset
//= require_self
//= require_tree .
@import "bootstrap";
application.scss
//= require jquery
//= require tether
//= require bootstrap-sprockets
//= require jquery_ujs
//= require turbolinks
//= require_tree .
app
浏览 0提问于2017-08-11得票数 0
我有日历。日历中的事件被写成JSON并存储在localStorage中，如下所示：
key = events //All events as Object
value =
{
"Date":"31-3-2015",
"Event":"Football match",
"Participants":"Italy - Germany",
"Description":"Support our team with your frie
浏览 2提问于2015-03-28得票数 0
1回答
有navbar-static-top，navbar-fixed-top和navbar-fixed-bottom，但是navbar-static-bottom只是在Bootstrap上不起作用。是否有办法达到这个效果呢？
浏览 3提问于2016-05-16得票数 1
回答已采纳
我使用的是jQuery 1.4.0。
我尝试使用live函数将更改事件绑定到我的输入，但它在IE7 &8上不起作用(在IE9,10上，Firefox它起作用)。
$("input:text").live("change", function(e) {
alert("works!");
});
致以问候。
浏览 1提问于2013-12-16得票数 0
我有两个primefaces日历控件。我希望当我从第一个日历中选择一个日期，然后下一个日历最小日期应该是从第一个日历选择的date.For实例开始时，我已经选择了7/5/2013，然后下一个日历应该禁用8/5/2013之前的所有日期
这就是我到目前为止已经尝试过的方法，但它不起作用
<p:calendar id="fromD" value="#{requestController.from}" yearRange="2013:2015" pattern="dd/MM/yyyy" mindate="#{reque
浏览 0提问于2013-05-06得票数 3
回答已采纳
我的日历可以很好地使用下面描述的方法从RESTful api中提取事件：
因此，当单击"next“和"previous”按钮以在几个月之间导航时，一切都很正常。但是，如何使用javascript为当前视图重新加载事件呢？
例如，在我的应用程序中，是那些在后端创建事件的副作用的动作。当执行这些操作时，我希望事件通过日历事件重新加载出现在日历上。
目前，如果我想要我的新事件出现，我必须来回一个月。
浏览 0提问于2014-01-26得票数 0
回答已采纳
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
<script>
$(document).ready(function() {
$('#getQuote').on("click", functon() {
$('.message').html("Here is the message");
});
});
&
浏览 3提问于2017-02-04得票数 2
我有一个在jsFiddle中工作的jQuery脚本，但在实际的网站上不起作用，我想不出还有什么可做的。
这是
这是
我需要一个复选框，当被点击时，将依次检查其他复选框的数量。
$("form input[id='selectall']").click(function () {
var inputs = $("form input[class='produse4export']");
for (var i = 0; i < inputs.length; i++) {
if (this.chec
浏览 0提问于2013-05-19得票数 0
回答已采纳
我正在使用谷歌日历v3应用程序接口和获取用户所有日历ids和日历事件。当我第一次登录，然后应用程序接口给我所有的日历列表，事件从所有日历和nextSyncToken。根据谷歌的说法，在nextSyncToken的帮助下，我可以在未来的任何时间获取日历事件，但我试图使用这个nextSyncToken获取日历事件，但我什么也得不到。
所以这里我的问题是如何从nextSyncToken获取日历事件？
我正在使用PHP的API。
提前谢谢。
浏览 2提问于2014-06-19得票数 1
1回答
我是新的javascript和网络开发。
因此，我使用完整的日历库()来创建一个日历视图，我想知道我是否能够自己定制它。
这是我的标记代码：
<div id="blueBackground">
<div class="container">
<div id='calendar'></div>
</div>
</div>
因此，"blueBackground“是指将整个网页背景更改为蓝色。“容器”类if，用于调整整个日历的大小，使其具有更
浏览 2提问于2016-09-14得票数 4
回答已采纳
2回答
如何使用jquery/javascript禁用span。脚本
$('#spanid').attr("disabled", 'disabled');
在IE上运行良好，但在firefox上不起作用。
浏览 0提问于2011-07-18得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
