在bootstrap datetimepicker输入

时间:2015-06-17 12:39:44

标签: jquery twitter-bootstrap

我使用了来自http://eonasdan.github.io/bootstrap-datetimepicker/Installing/

的datetimepicker

没有提供如何使用函数(日期,显示,隐藏等)所以我不知道如何使用date函数使用datetimepicker设置输入值,该函数说:

  

日期([newDate])

     

采用string,Date,moment,null参数并设置组件   模拟目前的时刻。

我试过

$('#datetimepicker2').datetimepicker(
    date: function() { return new Date(1434544649384); }
);

1434544649384是时间戳。

但它不起作用,不会更新输入文本/值......

JsFiddle:http://jsfiddle.net/0Ltv25o8/1397/

10 个答案:

答案 0 :(得分:42)

引自http://eonasdan.github.io/bootstrap-datetimepicker/Functions/

Note All functions are accessed via the data attribute e.g. $('#datetimepicker').data("DateTimePicker").FUNCTION()

因此您可以更新日期,如下所示:

$('#datetimepicker2').data("DateTimePicker").date(new Date());

答案 1 :(得分:16)

正确的语法是:

$('#datetimepicker2').datetimepicker({
    date: new Date(1434544882775)
});

答案 2 :(得分:14)

不得不补充一点,我能够解决它。

require(data.table) ## v1.9.8+
a <- setDT(df)[, .(start=seq(0, x-1, by=bin.size), 
                   end=seq(bin.size, x, by=bin.size)), 
                 by=y]

b <- fread("snp   r2  sca
      1 0.70 sca1
      2 0.80 sca1
     10 0.70 sca1
    100 0.10 sca1
      1 0.90 sca2
      2 0.98 sca2
     14 0.80 sca2
     16 0.80 sca2
    399 0.01 sca2")

答案 3 :(得分:3)

您想要设置默认日期值:

var d = $('#datetimepicker1').datetimepicker({
    "defaultDate":new Date()
});

http://jsfiddle.net/0Ltv25o8/1399/

答案 4 :(得分:2)

虽然我设法更改了日期,但它也改变了格式错误。当我单独应用格式时,它按预期工作:

var d = $('#datetimepicker1').({ date: moment(), format: $scope.userDateFormatMoment });

答案 5 :(得分:1)

如果您要设置datetimepicker的日期,请使用defaultDate选项。来自文档:

defaultDate:设置选择器默认日期/时间。默认值:false。接受:日期,时刻,字符串。

您的选择如下:

$('#datetimepicker2').datetimepicker({
    defaultDate: new Date(1434544649384)
});

http://jsfiddle.net/0Ltv25o8/1400/

答案 6 :(得分:1)

使用 defaultDate 选项设置日期。

$('#datetimepicker2').datetimepicker({
    defaultDate:  new Date(1434544649384) 
});

答案 7 :(得分:0)

这里没有一个答案在所有情况下都适用。我在这里结合了两个答案,将得到以下答案:

var $ele = $("#datetimepicker2");
var date = new Date(1434544649384);
var datePickerObject = $ele.data("DateTimePicker");

if (typeof datePickerObject !== "undefined") {
  // it's already been Initialize . Just update the date.
  datePickerObject.date(date);
}
else {
  // it hasn't been initialized yet. Initialize it with the date.
  $ele.datetimepicker({
    date: date
  });
}

答案 8 :(得分:0)

xfdai的答案对我有用,除非您得到

$('#datetimepicker2').data("DateTimePicker")
= undefined

然后尝试使用$('#datetimepicker2').data("datetimepicker")(小写数据参数)。

答案 9 :(得分:0)

这对我有用:

var dateString = '2200-12-31';
var dateParts = dateString.split('-');
var date = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);
$('#leaseEnd').data('datetimepicker').setDate(date);
$('#leaseEnd').data('datetimepicker').update();

注意:

我不得不使用小写的“ datetimepicker”一词-感谢内森·威尔逊

我必须将字符串变成日期对象

我必须使用update()函数来获取日历以显示新选择的日期

请不要忘记,如果您要花几个小时,则javascript可能会由于时区差异而修改您的更新。在这种情况下,请在您的日期字符串中包含时区。