Tag: twitter bootstrap

在datepicker上禁用过去的日期

如何在datetimepicker上禁用当前日期的过去日期? 我尝试过几个类似问题的post但是无法实现它,下面就是我尝试过的 $(function() { $(‘#datetimepicker2’).datetimepicker({ language: ‘en’, pick12HourFormat: true }); }); 我也试过了 $(“datetimepicker2”).datepicker({ changeYear: true, dateFormat: ‘dd/mm/yy’, showOn: ‘none’, showButtonPanel: true, minDate:’0d’ }); 和 $(“#datetimepicker2”).datepicker({ minDate: 0 });

在页面刷新/导航上保留Twitter Bootstrap Collapse状态

我正在使用Bootstrap“collapse”插件为一长串链接制作手风琴。 accordion-body标签包含“折叠”,因此页面加载时所有组都会折叠。 当您打开一个组并单击一个链接时,它会将您带到一个新页面以查看一些详细信息,然后单击后一个链接或浏览器返回该列表。 不幸的是,当你返回时,手风琴回到了折叠状态,你必须再次打开这个组,找到你的位置。 我期待很多这种来回导航,这种行为将令人沮丧。 有没有办法保留用户的位置并返回到它,或者只是阻止页面重新加载或再次触发javascript。 我认为解决方案可能是沿着这些方向,但不确定。 Twitter引导程序:在开放式手风琴标题中添加一个类

jQuery ui datepicker与bootstrap datepicker发生冲突

我想用bootstrap datepicker显示两个月。 在谷歌搜索后,我无法找到如何使用bootstrap datepicker显示多个月。 我发现我可以使用JQuery UI显示多个月。 但问题是:在我的应用程序中,他们使用引导日期选择器。 当我尝试使用JQuery UI datepicker时,Bootstrap datepicker覆盖它,我无法看到JQuery UI datepicker。 您能否建议如何将引导程序datepicker替换为JQuery UI? 我想实现这个目标: http : //jqueryui.com/datepicker/#multiple-calendars

带有远程模态的Bootstrap 4

使用新的Twitter Bootstrap版本:Bootstrap 4 alpha,我无法使Modal在远程模式下工作。 它与Bootstrap 3完美配合。使用bootstrap 4我得到了弹出窗口,但是模型体没有被加载。 没有远程调用myRemoteURL.do来加载模型体。 码: Open Model × Model Title Close Submit

Bootstrap 3.0 RC1的预先输出问题

我正在尝试使用Twitter Typeahead和Bootstrap 3 RC1,因为Bootstrap在版本3上删除了自己的typeahead插件。 我在表单上使用以下HTML: Search: Search 在不添加Typeahead的情况下,搜索输入字段显示如下: 然后我添加了Typeahead,如下所示: $(‘#query’).typeahead({ local: [‘alpha’, ‘bravo’,’charlie’,’delta’,’epsilon’,’gamma’,’zulu’] }); 场地变小了,里面有一个白色的矩形。 我做错了什么,或者只是Typeahead或Bootstrap 3 RC1上的错误?

使用Twitter Bootstrap确认模态/对话框中的删除?

我有一个绑定到数据库行的HTML表行。 我希望每行都有一个“删除行”链接,但我想事先与用户确认。 有没有办法使用Twitter Bootstrap模式对话框?

如何从卡片或类似物品获取标题与弹性盒子具有相同的高度?

请不要乱砍 没有硬编码。 这个想法并不是针对一种情况解决它,例如,对于有4列的情况,但是针对动态内容和响应屏幕大小来解决它。 对我来说问题是它基本上不是直接的孩子,而是它的内容 codepen在这里: HTML disclaimer: resize the window. Make the blue headers in a row match height bippo some content lala some content lala bippo some content lala bippo some content lala bippo some content lala bippo some content lala some content lala some content lala oh no this header wraps some content […]

Bootstrap datepicker禁用过去的日期而没有当前日期

我想在当前日期之前禁用所有过去的日期,而不是当前日期。 我正在尝试使用bootstrap datepicker库“ bootstrap-datepicker ”并使用以下代码: $(‘#date’).datepicker({ startDate: new Date() }); 它工作正常。 但它是禁用日期直到今天。 例如,如果今天是04-20-2013并且我通过设置startDate:new Date()来禁用过去的日期。 但我可以从2013年11月11日选择日期。 更新:我可以解决以下UTC区域: var d = new Date(); options[“startDate”] = new Date(d.setDate(d.getDate() – 1)); 或者startDate: “+0d” 但是,当UTC提前一天时,这些方法不起作用。 对于我在加利福尼亚的客户,这意味着在下午5点,我的客户不能再选择当地的当前日期作为有效日期。 为了解决这个问题,我暂时使用startDate: “-1d” ,但当然在5之前,这意味着昨天可见。 有没有人想出一个更好的方法,因为我不想告诉用户投入UTC日期? 提前致谢。

将bootstrap-datepicker限制为仅限工作日?

无论如何只允许在下面找到的引导日期选择器中选择工作日选项吗? https://github.com/eternicode/bootstrap-datepicker/ 我正在实例化这样的日期选择器: $(‘#datepicker’).datepicker(); /* Update datepicker plugin so that MM/DD/YYYY format is used. */ $.extend($.fn.datepicker.defaults, { parse: function (string) { var matches; if ((matches = string.match(/^(\d{2,2})\/(\d{2,2})\/(\d{4,4})$/))) { return new Date(matches[3], matches[1] – 1, matches[2]); } else { return null; } }, format: function (date) { var month = (date.getMonth() + 1).toString(), dom = date.getDate().toString(); […]

如何使用angularjs ng-model绑定Bootstrap-datepicker元素?

这是日期字段的html: Check out $(‘#check-out’).datepicker(); datepicker显示在输入字段中。 但是如果我在我的控制器中执行此操作: console.log($scope.checkOut); 我undefined in the javascript console 。 怎么解决这个? 有没有更好的方法来使用带有angularjs bootstrap-datepicker angularjs ? 我不想使用angular-ui/angular-strap因为我的项目是用javascript库膨胀的。