如何使两个timepickers表现得像谷歌日历?

时间:2018-01-14 19:57:35

标签: javascript jquery timepicker

我尝试让我的时间戳表现得像谷歌日历中的那些。我尝试实现的是,如果我将开始时间从10:00设置为11:00,则2nd应该从11:0012:00。如果我将2nd选择器从11设置为13,则差异现在为2小时,如果我调整第一个,则2nd应移动{ {1}}或+2小时,具体取决于当天的早期或晚些时候。

我当前的jquery代码现在是

-2

它设法找到例如 var d = new Date(); var start_time = $('#calendarentryform-start_time').val(); var end_time = $('#calendarentryform-end_time').val(); var diff = ( new Date('1970-01-01 ' + end_time) - new Date('1970-01- 01 ' + start_time) ) / 1000 / 60 / 60; var new_end_time = start_time + diff; $('#calendarentryform-start_time').on('change',function() { $('#calendarentryform-end_time').val(new_end_time); } ); 小时的小时差异,就像计算是正确的一样。但是,当我尝试在1 _时间添加该小时时,它只会发布new_end而不是12:001或任何应该设置的时间。我还希望它能够找到13:00小时,1,5小时等。

我似乎没有把它弄好。

0 个答案:

没有答案