单击计时器时,如何获取当前时间?
我的代码看起来像这样: // TIME $('#timepicker').datetimepicker({ minDate: minTime, }) .on('dp.show', function(e){ console.log(selectedDate); if($(this).val()==""){ $(this).val(minTime.format("HH:mm")); } // If the date is not selected yet, Nothing to do... Onload min date applies if( typeof(selectedDate) == "undefined" ){ console.log("Date undefined"); // If a date is selected, check if it's the same
10 2024-04-02
编程技术问答社区
Bootstrap DatePicker-Onchange
我正在使用 bootstrap 3 datepicker 插件.当用户选择日期时,我想更新UI的各个部分.我基本上试图创建一个日期更改时调用的函数.但是,我的尝试不成功.目前,我正在尝试以下 $('#myDatePicker').datetimepicker({ change: function() { alert('date has changed!'); } }); 不幸的是,change功能永远不会发射.当日期选择器更改日期时,如何调用函数? 解决方案 Bootstrap 4 Bootstrap 4不再支持eonasdan datePicker插件,但是有一个新的插件: " tempus dominus是非常流行的eonasdan/bootstrap-datetime-picker的继任者" 要检测变更事件,请使用: $("#datetimepicker1").on("change.datet
10 2024-04-02
编程技术问答社区
是否可以使用HTML5数据属性来初始化Bootstrap 3 Datepicker?
那一刻,我们正在使用 dateTimePicker 以半摩擦的方式是因为初始化是在JavaScript中完成的.以前,我们使用的是不同的datepicker组件,该组件缺乏时间选择函数,但可以通过数据属性初始化.这使事情变得容易得多,因为在使用该组件的ASP.NET MVC 5项目中,我们可以简单地创建一个编辑器模板,每当需要datePicker时引用,而无需编写任何JavaScript.我想坚持使用这种使用模式,但无法在中找到有关它的任何文档. Bootstrap 3 DatePicker我是否缺少某些东西? 解决方案 您可以使用数据属性启动datePicker选项,如下以下示例: : $('#datetimepicker1').datetimepicker();
Bootstrap 3 Datetimepicker 3.0.0-make a week start on Monday
我使用bootstrap 3 任何想法如何抵消周开始,所以从星期一开始?语言标签也无法正常工作. $(function () { $('#PickupTime').datetimepicker({ weekStart: 1 }); }); 这是不起作用的,因为它不是同一bootstrap-datapicker.js 解决方案 而不是使用Moment.js,我使用Moment-with-langs.js(我想它带有默认软件包ASP.NET MVC 5). 致电: $('#DateTime').datetimepicker({ language: "hr" }); 工作有效,最后是从星期一开始的. 更新: 更好的是,将密钥添加到 web.config
JQuery数据时间选择器的例外日与最小日期和最大日期
我正在面临DateTimePicker的问题. 我有一个带有订单的页面,该页面的交货日期. 每当列出订单时,dateTimePicker具有一定的值(例如,上周有一天.)我希望能够编辑它,但只选择一组可行的日期(从今天起到30天,包括"上周有一天"). 我应该如何继续? 选择器的功能: var maxdate = new Date(); maxdate.setDate(maxdate.getDate() + 30); var $p = jQuery.noConflict(); $p("#foo").datetimepicker({ format: 'YYYY/MM/DD', useCurrent:true, showClose:true, defaultDate: $.now(), minDate: moment().millisecond(0).second(0).minute(0).hour(0),
8 2024-01-18
编程技术问答社区
在Bootstrap Datepicker中只启用每个月的第一个和第三个星期三
使用目前,我唯一要做的就是通过选项将其传递给只有星期三. 有人知道我是否可以将我的"第一和第三"传递为选项? 如何? $(function () { $('.bootstrap-date-picker').datetimepicker({ locale: 'fr', daysOfWeekDisabled: [0,1,2,4,5,6], format: "ll", minDate: moment(), icons: }); }); 解决方案 您可以使用您可以创建一个使用MomentJs的给定月份的第一个和第三个星期三返回阵列的辅助功能.可以找到一个示例在这里. 您可以添加 enabledDates 功能). 在这里一
24 2024-01-17
编程技术问答社区
eonasdan bootstrap: 无法使用小时箭头图标增加小时数
我正在使用 eonasdan dateTimePicker版本:4.17.47 通过导入此js file 另外,我正在使用一些自定义验证来确保在用户输入与预期的时间范围不同时显示红色文本.我没有设置minDate或maxDate,因为时间范围是动态的并且可以更改. 有时候,用户通过单击向上箭头键来增加小时/分钟. datetimepicker仅设置为仅使用时间,因此将其初始化为: $("#timePicker").datetimepicker({ format: "LT", allowInputToggle: true, keepInvalid: true // the up arrow icon was not working, so I thought this will fix it but it didn't }); 和模板:
Eonasdan/bootstrap-datetimepicker日期选择器通过外部javascript调用进行重置
我有 eonasdan/bootstrap-dateTimePicker版本:4.17.47 ,现在说明我从文本框中打开bootstrap-datetimepicker时说明方案该值,但是当我返回打开dateTimePicker时,它的节目先前选择的日期为突出显示.因此,问题是DateTimePicker不是重置的,我想重置DateTime Picker,请单击外部JavaScript调用. 我有以下使用,但其中的不起作用 $('#myDatepicker').data('datepicker').setDate(null); $('#myDatepicker').data().DateTimePicker.date(null); 以及如果我有两个dateTimePicker,例如FromDate到Todate它不起作用. 解决方案 您可以使用: 相反,如果您只需要重置选定的一天,则可以: 保存属性:如果是单击重置按钮,则如果没有单击,则 在显
24 2024-01-15
编程技术问答社区
在父组件中捕捉来自子组件的事件值
我有一个组件vue-datetimepicker 具有以下内容: export default { name: 'vue-datetimepicker', data () { return { value: '' } }, watch: { options: function (options) { // update options $(this.$el).datetimepicker({ data: options }) } }, mounted: function () { var vm = this var mycomp = $(this.$el).datetimepicker({}) mycomp.on('dp.change', function (e) { vm.value = e.date vm.$emit('change'
14 2023-11-26
编程技术问答社区
带有eonasdan DatePicker的DataTables';t工作
我在 eonasdan datepicker ,我不明白我搞砸了什么. ..我认为我已经确认拥有所有必要的资源,但是当我单击日历图标时,什么都不会发生:\ 实时代码:实时示例 我遵循安装说明和手动和演示. 引用: 最小要求 jQuery Moment.js Bootstrap.js(如果您不使用完整的bootstrap,则需要过渡和崩溃) Bootstrap DatePicker脚本 Bootstrap CSS Bootstrap DatePicker CSS Locales:Moment的网站文件为在这里 需要:
20 2023-10-28
编程技术问答社区
bootstrap datetimepicker-set maxDate relative to now?
我使用此DateTimePicker: > 基本上,我想设置maxDate: moment(),即最大化应限于现在. 问题是在打开datepicker时,maxdate现在不再()了. 我想将其设置为Maxdate,每次显示日期点时. 我想在可能的情况下在全球执行它,而不是在每个datetimepicker()实例上指定它.是否有可能以某种方式给出现在使用Moment.JS的相对日期? 请参阅此小提琴: https://jsfiddle.net/0ltv25o8/3281/ 我将Maxdate设置为现在.您将在"页面加载"一分钟后看到,您将无法使用箭头按钮选择当前分钟. 解决方案 使用datePicker插件的自定义版本? 我添加了新的参数maxDateNow(对更好的名称的想法?),可以选择日期/时间到现在的时间. $('#datetimepicker1').datetimepicker({maxDateNow: true, format:'DD/M
16 2023-10-28
编程技术问答社区
如何在bootstrap 3的日期/时间选择器小部件中仅有时间选择器,并在格式中增加一个字符串?
我的问题是指以下Bootstrap 3日期时间选择器: 我在网站上有一个Bootstrap 3日期和时间选择器小部件,但实际上希望它只是时间选择器. 这通常很容易实现,并且可以使用格式参数如下: $('#datetimepicker').datetimepicker({defaultDate:'now',ignoreReadonly: true}); $('#datetimepicker').data("DateTimePicker").format('LT'); 注意当地时间的 lt ,也可以使用: $('#datetimepicker').data("DateTimePicker").format('HH:mm:ss'); 这两项工作都删除了迄今为止的任何参考. 但是,我的问题是我在文本字段中使用了其他字符串,因此我的代码实际上是这样的: $('#datetimepicker').datetimepicker({defaultDate:'n
12 2023-10-28
编程技术问答社区
日期选择器-允许在禁用的日期上进行选择
我知道听起来很流行,但我需要在这里选择禁用日期: 为什么? 我需要对预订的可能性较小,并为预订可能性更大的绿色日期上色,所以我写道: $(function () { $('#start').datetimepicker({ format: 'YYYY/MM/DD', enabledDates: [ moment("05/21/2016"), moment("05/22/2016"), moment("05/23/2016"), moment("05/24/2016"), ], }); }); .bootstrap-datetimepicker
40 2023-10-28
编程技术问答社区
Bootstrap日期选择器只有月份和年份没有按预期工作
我的DateTime Picker在拳头单击上工作,但是如果我再次在输入字段中再次单击,它将显示Picker带有日间字段.我怎样才能做到这一点?任何帮助将不胜感激. 这是第一次点击(预期行为)中的图像 这是第二次点击中的图像(预期行为是对第一个单击的) 我的代码在 下面 html javascript
28 2023-10-28
编程技术问答社区
在bootstrap datetimepicker的输出文本字段中添加自定义文本
我在这里使用bootstrap 3日期/时间选择器: 是否可以在日期/时间文本字段中自定义输出文本?我想在开始时添加一个字符串,例如' decrangure:'. 我的当前设置非常简单,JavaScript简称: $('#datetimepicker').datetimepicker({defaultDate:'now',ignoreReadonly: true }); $('#datetimepicker').data("DateTimePicker").format('DD/MM/YYYY HH:mm:ss'); HTML是:
12 2023-10-28
编程技术问答社区