Tag: bootstrap datetimepicker

如何在datetimepicker中添加基于小时的最少天数？: 我的代码是这样的javascript： $(function () { $(‘#datepicker’).datetimepicker({ minDate: moment().startOf(‘day’) }).on(‘dp.change’, function(e){ if( e.date && e.date.isSame(moment(), ‘d’) ){ var min = moment().startOf(‘minute’).add(300, ‘m’); $(‘#timepicker’).data(“DateTimePicker”).minDate(min); } else { $(‘#timepicker’).data(“DateTimePicker”).minDate(false); } }); $(‘#timepicker’).datetimepicker({ minDate: moment().startOf(‘minute’).add(300, ‘m’), }); }); 演示和完整代码如下： https ： //jsfiddle.net/tyvetr5h/ 我的问题：例如，现在8月16日晚上9点。由于看来显示的日期是8月17日凌晨2点。但我的代码是8月16日凌晨2点我该如何解决？我尝试更新这样的一天： minDate: moment().startOf(‘day’).add(300, ‘m’) 但它是一样的

将eonasdan-datetimepicker附加到动态创建的元素会返回“相对定位容器”错误: 我有以下输入，我将datetimepicker附加到pageload：这按预期工作。当用户单击按钮时，我复制此输入以允许多个日期。克隆代码：克隆按预期工作，但单击日期输入会触发此错误：未捕获错误：datetimepicker组件应放在相对定位的容器中 .input-group已经有”position: relative;” 设置在单独的CSS文件中。我尝试将其添加为内联样式，但id没有任何区别。有任何想法吗？提前致谢！

如何限制用户使用datetimepicker输入数据并禁用手动用户输入？: 我想限制用户只使用datetimepicker输入数据。以下是我使用的代码： Start $(‘#dtp1’).datetimepicker({ format: ‘DD/MM/YYYY HH:mm A’, daysOfWeekDisabled: [0, 6] }); 我尝试使用readonly属性，但这会禁用input和datetimepicker。有什么方法可以禁用输入字段，但仍然允许用户点击日历图标来选择日期？

无法通过JQuery从Bootstrap DateTimePicker获取日期对象: 从datetimepicker框中选择datetime后，我无法获取日期对象。如何获取datetime对象并将其转换为unix整数？这是我的HTML代码：这是我的css：在这里我的js： jQuery(function () { jQuery(‘#startDate’).datetimepicker({ locale: ‘de’, format: ‘dd, DD.MM.YYYY, HH:mm’, minDate: moment(), }); }); // WHAT CODE DO I NEED HERE TO GET DATE OBJECT AND TRANSFORM IT INTO UNIX INTEGER var dateStr = $(“#startDate”).find(“input”).val(); var date = Date.parse(dateStr); alert(date + ” ” + new Date(date));

在Bootstrap DateTimePicker中将minDate设置为Today: 我正在使用Bootstrap DateTime Picker（ http://eonasdan.github.io/bootstrap-datetimepicker/ ），我找到了设置minDate的基本选项; 但是，我无法忍受它来拯救我的生命。我尝试过像Date（）这样的东西; 但是，没有任何工作。有人有主意吗？例 $(‘#date’).datetimepicker({ pickTime: false, icons: { time: “fa fa-clock-o”, date: “fa fa-calendar”, up: “fa fa-arrow-up”, down: “fa fa-arrow-down” }, startDate: new Date() });

如何设置时间选择器只设置bootstrap-datetimepicker.js上午8:30到晚上8:30的时间？: HTML代码： Start at End at ` JavaScript代码： $(‘#event_start_date’).datetimepicker({ minTime: “08:30:00” }); 我需要将timepicker开始时间设置为上午8:30到结束时间为晚上8:30禁用其他时间选择器。怎么可能请帮忙？

Bootstrap Datetimepicker以星期一开始: 我希望我的日历周从星期一开始。我使用Bootstrap Datetimepicker ，但我不知道该怎么做。有我的JSFiddle 。这是我的datetimepicker的jQuery $(function () { $(‘.datetimepickerinline’).datetimepicker({ inline: true }); $(‘.datetimepickerinline’).on(‘change dp.change’, function(e){ $(‘input’).val($(this).data(‘date’)); }); }); 我无法在文档中找到任何解决方案，这就是为什么我在那里问它:)

Bootstrap-Datetimepicker不工作: 我一直在看这个2天，并且无法弄清楚我做错了什么。这是我的项目的小提琴。 http://jsfiddle.net/dagger2002/RR4hw/ 这是HTML Start End 这是Jquery。 jQuery(function () { jQuery(‘#startDate’).datetimepicker(); jQuery(‘#endDate’).datetimepicker(); jQuery(“#startDate”).on(“dp.change”,function (e) { jQuery(‘#endDate’).data(“DateTimePicker”).setMinDate(e.date); }); jQuery(“#endDate”).on(“dp.change”,function (e) { jQuery(‘#startDate’).data(“DateTimePicker”).setMaxDate(e.date); }); }); 我没有错误，当我通过小提琴运行它说没有发现错误。我是jQuery的新手，所以我不确定我做错了什么。哦耶。我正在使用长名称来进入一个也使用moo工具的joomla网站。提前致谢。 UPDATE DateTime Test jQuery.noConflict(); // Code that uses other library’s $ can follow here. Start End 这个jFiddle工作。 http://jsfiddle.net/RR4hw/11/ 但是当我将它合并到一个常规页面时，它会中断。不知道我搞砸了什么。提前致谢。

jQuery bootstrap-datetimepicker更改事件: 我在我的项目中使用Jonathan Peterson的bootstrap-datetimepicker插件。我遇到了更改事件的问题：如果我定义这样的事件： $(‘#Release’).on(‘dp.change’, function(e){ console.log(e.date()); }) 我收到错误：未捕获的TypeError：e.date不是函数任何人都知道如何获得更改事件的新日期值？

$（…）。dateatepicker不是一个函数: 我使用webpack并想使用bootstrap-datetimepicker 。在我的webpack配置中，我使用ProvidePlugin来获取“jquery模块”。在我的代码中，我得到错误$(…).datetimepicker is not a function当我调用$(‘#datetimepicker12’).datetimepicker函数时， $(‘#datetimepicker12’).datetimepicker函数。我不知道为什么$ variable不包含datetimepicker函数，它应该在var datetimepicker = require(‘eonasdan-bootstrap-datetimepicker’); webpack.config.js var webpack = require(‘webpack’); var merge = require(‘webpack-merge’); var NpmInstallPlugin = require(‘npm-install-webpack-plugin’); var autoprefixer = require(‘autoprefixer’); const TARGET = process.env.npm_lifecycle_event; console.log(“target event is ” + TARGET); var common = { cache: true, debug: true, entry: ‘./src/script/index.jsx’, resolve: { extensions: [”, […]