Tag: bootstrap datepicker

自定义可用日期bootstrap datepicker: 我正在试图只使用bootstrap datepicker显示自定义日期： http ：//bootstrap-datepicker.readthedocs.org/en/latest/index.html。你能帮助我吗：）？

在动态datepicker上设置startDate: 我使用jquery动态创建了html表，其中包含带有输入文本框的3个。表的字段是 SlNo Fee ST TotalAmt DueDate 在startDate的第一行startDate应该是当前日期。在startDate的第二行startDate应该是先前（第一行的日期）选择日期。在startDate的第三行startDate应该是之前（第二行的日期）所选日期 Jquery用于动态创建的表 var $tbody = $(“#tblPaymentDetails tbody”); $($tbody).html(”); for (var i = 0; i < 3; i++) { var slno = parseInt(i + 1); var $row = $('’); $row.append(‘ ‘ + slno + ”); $row.append(‘ ‘); $row.append(‘ ‘); $row.append(‘ ‘); $row.append(‘ ‘); $tbody.append($row); } Jquery动态datepicker $(document).on(‘focus’, “.dueDate”, […]

Rails 5 – 使用bootstrap datepicker，除非浏览器支持HTML5日期控件: 我试图在浏览器支持时使用date_field HTML5日期控件组合一个有效的解决方案，如果没有，则回退使用Bootstrap Datepicker 。看起来这是一个常见的解决方案，但我找不到适用于我的解决方案（即，不涉及为每个日期字段手动添加隐藏字段的解决方案，因为我已经有了一堆一些页面）。使用此文档作为指南，我有一个部分工作的解决方案（使用FireFox 49.0.2进行测试）： dates.js.coffee： datepicker = $.fn.datepicker.noConflict() # return $.fn.datepicker to previously assigned value $.fn.bootstrapDP = datepicker # give $().bootstrapDP the bootstrap-datepicker functionality formatDateToPicker = (dateStr) -> # dateStr is what Rails emits “yyyy-mm-dd” parts = dateStr.split(‘-‘) if dateStr == ” return ‘NoDateProvided’ else if parts.length == 3 return “#{parts[1]}/#{parts[2]}/#{parts[0]}” else […]

在bootstrap datepicker中显示所有月份: 我是bootstrap的新手。我想在这样的引导程序中显示完整的年份日历（内联）（JqueryUI）我试过这个： JS： $(function () { $(‘#datetimepicker12’).datepicker({ }); }); 但这将只显示一个月的预期。如何在bootstrap中显示全年日历？我正在使用Bootstrap v3.1.1

Boostrap datepicker，每月动态禁用日期: 我可以禁用日期： $(‘#datepicker’).datepicker({ todayHighlight: true, datesDisabled: [’03/06/2017′, ’03/21/2017′,’04/14/2017′] }); 但是根据我的使用案例，由于您可以通过日历过去一年，我可以在2017年365天中有300个禁用日，2016年中有365个禁用日。我想优化，想象5年后，他可以有2500个残疾人加载日。有人知道如何动态地做，我的意思是，每次改变当前月份。或者另一种方法呢？

检查Bootstrap Datepicker脚本是否已加载: 我收到错误： Uncaught TypeError: undefined is not a function 当我尝试设置datepicker时： $(‘.datepicker’).datepicker(); 如何确定日期选择器是否已加载？要清楚，我没有使用jQuery UI

Bootstrap datepicker选择后返回焦点: 如果使用autoclose: true 从eternicode初始化引导日期选取器，则会发生两种不良行为：选择器关闭后，当您切换到下一个字段时，您将再次从文档的开头开始。这在长forms上可能非常麻烦。由于选择器以编程方式更改值，因此任何关注输入上的blur事件的侦听器都将无法正常运行。当您选择选择器值并且输入值未更改时，实际上会出现模糊。然后bootstrap-datepicker以编程方式更新该字段，因此永远不会使用新值触发模糊。这是堆栈片段中的演示： *选择任何字段，从选择器中选择一个值，然后单击Tab $(“.datepicker”).datepicker({ autoclose: true }); 根据选择jQuery UI datepicker后对Focus字段的回答，您可以使用onClose或onSelect事件，但bootstrap选择器不提供这些事件。简单地用hide替换它们似乎也不起作用，因为重新聚焦将创建一个无限循环，在您尝试关闭它时始终保持选择器打开。 $(“.datepicker”).datepicker({ autoclose: true }) .on(‘hide’, function () { $(this).focus(); }); Stack Snippet演示： $(“.datepicker”).datepicker({ autoclose: true }) .on(‘hide’, function () { $(this).focus(); });

使用其他语言时Bootstrap datepicker错误：Uncaught TypeError：无法读取未定义的属性“length”: 我正在使用Bootstrap中的datepicker（ http://bootstrap-datepicker.readthedocs.org/en/latest/i18n.html ）。当使用没有“language”属性的datepicker时，它可以工作，但是当我尝试指定一种语言（“sv”）时，它会失败并显示消息（即尝试在小部件中选择日期时）：未捕获的TypeError：无法读取未定义的属性“长度” 这些是我正在使用的版本： jQuery v1.8.3 jQuery UI 1.8.22 Boostrap 2.3.1 从查看调试器看来，这是崩溃的代码（Datetimepicker.prototype，带有“p：”的行）： formatDate: function (date, format, language, type) { if (date == null) { return ”; } var val; if (type == ‘standard’) { val = { // year yy: date.getUTCFullYear().toString().substring(2), yyyy: date.getUTCFullYear(), // month m: date.getUTCMonth() + 1, M: dates[language].monthsShort[date.getUTCMonth()], MM: dates[language].months[date.getUTCMonth()], […]

Bootstrap Datepicker：将开始日期更改为明天: 我正在使用Bootstrap datepicker ，以下是我的jQuery代码： $(‘.form_date’).datetimepicker({ language: ‘en’, /* endDate: ‘+0d’, */ startDate: ‘+1d’, weekStart: 1, autoclose: 1, startView: 2, format: ‘dd/mm/yyyy’, minView: 2, forceParse: 0, }); 以下是我得到的：我想根据我们的要求在明天突出显示开始日期。我在Bootstrap datepicker文档中找到了一个选项defaultViewDate 。（ http://bootstrap-datepicker.readthedocs.org/en/latest/options.html ）它声明我必须设置defaultViewDate的year ， month和day键。但我不知道如何设置它。

Bootstrap datepicker – 如何以其他格式获取toDisplay，以及其他格式的toValue: 很长一段时间，我遇到了toDisplay和toDisplay 。我需要并在显示屏上显示日期格式为dd.mm.yyyy和u toValue，它与表单一起发送，以便它采用yyyy-mm-dd格式。我尝试了各种各样的东西，但它仍然无效。我附上了插件官方页面中的代码。 toDisplay: function (date, format, language) { var d = new Date(date); d.setDate(d.getDate() – 7); return d.toISOString(); }, toValue: function (date, format, language) { var d = new Date(date); d.setDate(d.getDate() + 7); return new Date(d); } 预先感谢您的帮助！