如何设置anytime jQuery插件的time值？

Question

anytime jQuery插件默认显示当前日期/时间。当前日期是完美的，但我想将一个"DateTimePicker“的时间设置为午夜/00:00:00，将第二个的时间设置为当天的第二个(23:59:59)。如何做到这一点？

更新

有趣-这会导致以下内容显示在anytime datetimepicker中：

Mon, 29 Apr 2013 07:00:00

(实际上，我看不到最后一个零，但我假设它就是最后一个零)。

单击该组件(这是jQuery插件组件/控件实例的正确术语吗？)，文本将恢复为：

2013-04-29 15:39:33 (current local time).

我估计首先播放的早上7点的爵士音乐与美国东部时间的差异有关(我在加州)，但事实是它恢复到当前的当地时间(而不是保持在上午7点，我相信可以调整以适应小时差异)，这使得这只是娱乐而不是令人呼出的and...Greenwich。

更新2

我将尽快奖励Marcacci，但这仍然是一个有趣的补充:基于该代码，我能够计算出如果我只想达到当前秒数(页面加载时)，而不是当天午夜前的秒数，这通常需要几个小时：

var d = new Date();
var t = new Time();
var s = ('0' + (t.getHour() + 1)).slice(-2) + ":" + 
    ('0' + (t.getMinute() + 1)).slice(-2) + ":" + 
    ('0' + (t.getSecond() + 1)).slice(-2);
return d.getFullYear() + "-" + ('0' + (d.getMonth() + 1)).slice(-2) + "-" + ('0' + d.getDate()).slice(-2) + s;

然而，奇怪的是，当我使用这段代码时，文本/anytime DateTimePicker是空白的-直到我单击它！然后它会像我预期的那样填充...？

另一个组件( "Begin Date")显示它的值(每月一号午夜)：

var d = new Date();
return d.getFullYear() + "-" + ('0' + (d.getMonth() + 1)).slice(-2) + "-" + "01 00:00:00";

...just很好。

Answer 1

您应该能够在午夜手动将输入值设置为今天，插件将从那里拾取。

$('#dateInput').val(function(){
  var d = new Date();
  d.setHours(0,0,0,0);
  return d.toUTCString();
});

这应该将它放入你正在使用的格式中：

$('#dateInput').val(function(){
  var d = new Date();
  return d.getFullYear() + "-" + (d.getMonth()+1) + "-" + d.getDate() + " 00:00:00";
});

EDIT 2 OK，所以它在格式上非常顽固，但我让它工作了：

$('#field1').val(function(){
  var d = new Date();
  return d.getFullYear() + "-" + ('0' + (d.getMonth()+1)).slice(-2) + "-" + ('0' + d.getDate()).slice(-2) + " 00:00:00";
});

查看jsfiddle here。

Answer 2

尝试以下代码：

HTML

<input type="text" id="first" />
<input type="text" id="second" />

JavaScript

  // Current date and time
  var date = new Date();

  // Set time to 00:00:00
  date.setHours(0);
  date.setMinutes(0);
  date.setSeconds(0);
  $("#first").val(date.toUTCString());

  // Set time to 23:59:59
  date = new Date(date.getTime() + 23*60*60*1000 + 59*60*1000 + 59*1000);
  $("#second").val(date.toUTCString());

  // Apply plugin
  $("#first, #second").AnyTime_picker();