Tag: momentjs

完整日历将所有事件提前放置

好吧我试着让我的fullcalender与Ajax和数据库一起工作。 它的所有工作都在我所有的活动中提前一小时显示如下: 示例事件: {title:”,start:’2014/11/08 02:00′,end:’2014/11/08 09:30′,description:”,id:’10’} 查看日历时,此事件会提前一小时显示,如下所示: 开始时间:2014/11/08 01:00 end 2014/11/08 08:30 我查看了我的数据库表和我的源代码,输出就像第一个。(从02:00开始) 我的日历使用以下时间格式设置(从网站获取): $.fullCalendar.moment(‘2014-05-01T12:00:00’); 为什么我的活动提前一小时? 按要求配置: $.fullCalendar.moment(‘2014-05-01T12:00:00’); $(‘#calendar’).fullCalendar({ header: { left: ‘prev,next today’, center: ‘title’, right: ‘month,agendaWeek,agendaDay’ }, defaultView: ‘agendaWeek’, axisFormat: ‘HH:mm’, timeFormat: { agenda: ‘H:mm{ – H:mm}’ }, firstHour: 8, defaultDate:Date() , selectable: true, formatDate:””, selectHelper: true, firstDay:1, allDaySlot:false, height:600, editable: true, 我使用2.1.1

如何将日期更改事件转换为特定格式

我在我的网站上有约会,我使用daterangepicker和时刻js使用日期。 现在我是所有这些事情的新手,其中一个变量设置日期是 moment().subtract(29, ‘days’) 其console.log结果为1492930351644 ,类似的moment()结果为1495435951644 。 现在由我想要的用户手动更改,以更新此值,但我不知道如何使用它。 我使用了jQuery事件如下 $(‘#dateRange’).on(‘apply.daterangepicker’, function(ev, picker) { var startDate_1 = moment.utc(startDateCal).format(‘LL’); var endDate_1 = moment.utc(endDateCal).format(‘LL’); dates.setData(‘startDateCal’,startDate_1); dates.setData(‘endDateCal’,endDate_1); console.log(” changed start date “+dates.getData(‘startDateCal’)); console.log(” changed end date “+dates.getData(‘endDateCal’)); }); 因此,当我从视图日历中更改并选择日期时,我将进入上述更改事件,但我的输出将是 changed start date May 21, 2017 changed end date May 22, 2017 在这里,我想要一个类似于1492930351644的输出或日​​期格式,如moment().subtract(29, ‘days’)所示moment().subtract(29, ‘days’)但我不知道如何才能实现这一点。 有帮助吗?

如何将表中索引的每个col转换为本地时刻?

我有一个包含8列的表。 最终列中的每个日期值都需要转换为本地浏览器。 目前它显示为UTC: 所以我添加了一些JQuery来使用.eq(index)每一行,这在JQuery中是索引’6′ 。 但是当我测试这个函数时,它只转换表中的最后一行UpdatedTime,时间不是本地的,如下所示: 如何将指定列的每一行转换为本地时刻? 这是我用来循环的JQuery函数: $(“.td-limit”).eq(6).each(function () { var updatedTimeISO = moment.utc($(this).data(‘order’)).toISOString(); var updatedTimeLocal = moment(updatedTimeISO); $(this).text(updatedTimeLocal); }); 这些是DataTable中的列,其中最后一列是需要转换的目标UpdatedTime : @foreach (Models.Escalation item in Model) { @item.ID @item.Application @item.EMAD @item.Event @item.Status @item.Statement @item.Created @item.Update @item.UpdatedTime }

Javascript和moment.js中的用户输入日期比较

我试图将两个与当前或今天的日期无关的用户输入日期与moment.js进行比较。 我想根据日期差异显示颜色。帮助我伸出援手。 这是我的代码: function compare() { var firstDate = moment($(“#date1”).val(), “MM-DD-YYYY”); var secondDate = moment($(“#date2”).val(), “MM-DD-YYYY”); console.log(firstDate.inspect(), secondDate.inspect()); if (firstDate.isValid() && secondDate.isValid()) { // you need a validation before using diff function of momentjs var diff = Math.abs(firstDate.diff(secondDate, ‘days’)); console.log(diff); // you also need to remove all classes before adding new class $(“#status”).removeClass(“redBg”).removeClass(“greenBg”).removeClass(“yellowBg”); if (diff […]

Jquery数据表datetime-moment插件未正确排序

我有以下大型html表: https : //gist.github.com/hbizira/21016ff3df67fdae3969 我正在使用datetime-moment数据表插件。 在上面的文件的末尾,我有以下javascript代码: $(document).ready(function() { $.fn.dataTable.moment( ‘MM/DD/YYYY hh:mm A’); window.dataTable = $(‘#leads’).dataTable({ displayLength: 25, lengthChange: false, statesave: false }).columnFilter([ { column_number: 1, filter_type: “range_date”, filter_container_id: “leads_filter_date_range”, filter_default_label: [ “From”, “To” ] }, { column_number: 11, filter_type: ‘custom_func’, custom_func: customStatusFilter, data: [ { value: ‘pending’, label: ‘Pending’ }, { value: ‘qualified’, label: ‘Qualified’ […]

如何在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’) 但它是一样的

使用Moment.js和Ordering Plugin在Datatable中按日期排序(dd.mm.YYYY)的问题

我正在尝试使用此博客文章中描述的方法对数据表进行排序。 如博文中所述,我将两个文件moment.min.js和datetime-moment.js包含在我的页面中。 我的日期格式如下: 16.03.2015 在初始化数据表之前,我正在执行时刻,如: $.fn.dataTable.moment(‘dd.mm.YYYY’); $(‘.datatable’).DataTable({ “retrieve”: true, “bLengthChange”: false, “autoWidth”: true, “responsive”: true, “oLanguage”: { …… …… 不幸的是,当单击日期列时,表仍然按字母顺序排序。 我已经尝试在“dataTable”中更改“DataTable”,反之亦然 – 但它没有任何区别! Mabye,我必须指定哪个列是具有日期的列? 但我无法找到如何指定它。 在Chrome Developer Console上没有错误消息或日志。 它只是按字母顺序对日期列进行排序。 我可以使用不同的插件 – 但另一个插件被声明为已弃用。 有谁知道导致这个插件不对数据表进行排序的问题是什么? 谢谢!

Javascript MomentJs错误输出

1。 好的,对于第一个问题,我有一个关于时刻的问题。 它不计算正确的时间(我想?)这是我的脚本: function CalculateTime() { try { var originalStartTime = $(‘#startTime’).val(), originalEndTime = $(‘#endTime’).val(), originalBreakTime = $(‘#breakTime’).val(); // breaking hours and minutes. needed format: HH:mm var startHours = originalStartTime.substring(0, 2).replace(‘:’, ”), startMinutes = originalStartTime.substring(3, 5), endHours = originalEndTime.substring(0, 2).replace(‘:’, ”), endMinutes = originalEndTime.substring(3, 5); // momentJs variables var mStart = moment().hour(startHours).minute(startMinutes), mEnd = moment().hour(endHours).minute(endMinutes), […]

Moment.js适用于Chrome上的有效日期,但不适用于IE或Firefox

所以这在Chrome中运行良好,但不适用于IE(11)和Firefox var startDate = moment(“12-Nov-2015”).format(“D-MMM-YYYY”); var startTime = “10:00 AM”; var startDateTime = moment(startDate + ‘ ‘ + startTime); alert(moment(startDateTime).format(“D-MMM-YYYY h:mm A”)); IE和Chrome只返回“无效日期” 我缺少什么想法?

jQuery:将字符串变量传递给date对象

我有一个页面,其中包含一些变量,这些变量包含字符串格式的日期(yyyy-mm-dd) ,该日期源自使用moment.js。 有没有办法可以将这样的变量传递给Javascript日期对象。 将它转换为Javascript日期对象? 我对时间不感兴趣,只要我能将日期转换为日期对象就会很棒。 我尝试了以下但这不起作用,我找不到使用moment.js的方法: var newVar = new Date(dateVar); 蒂姆,非常感谢你提供的任何帮助。