在bootstrap-datetimepicker中设置默认时间

时间:2013-08-01 22:05:29

标签: javascript jquery twitter-bootstrap datetimepicker

我想将this datetimepicker中的默认时间设置为当前日期的00:01。以前有人试过吗?度过难关。看起来很简单。

$('#startdatetime-from').datetimepicker({
    language: 'en',
    format: 'yyyy-MM-dd hh:mm'
});

我需要使用setDate,但我不确定如何。我检查了他们的代码,但没有为此找到参数。

13 个答案:

答案 0 :(得分:28)

以上都没有为我工作,但是我在实例化时设置了默认值。

<强> JQuery的

<script type="text/javascript">
    $(function () {
        var dateNow = new Date();
        $('#datetimepicker').datetimepicker({
            defaultDate:dateNow
        });
    });
</script>

答案 1 :(得分:21)

根据this GitHub issue设置默认输入值。

HTML

<input type="text" id="datetimepicker-input"></input>

的jQuery

var d = new Date();

var month = d.getMonth()+1;
var day = d.getDate();

var output = d.getFullYear() + '/' +
(month<10 ? '0' : '') + month + '/' +
(day<10 ? '0' : '') + day;

$("#datetimepicker-input").val(output + " 00:01:00");

jsFiddle
JavaScript date source

编辑 - setLocalDate / setDate

var d = new Date();
var month = d.getMonth();
var day = d.getDate();
var year = d.getFullYear();

$('#startdatetime-from').datetimepicker({
    language: 'en',
    format: 'yyyy-MM-dd hh:mm'
});
$("#startdatetime-from").data('DateTimePicker').setLocalDate(new Date(year, month, day, 00, 01));

jsFiddle

答案 2 :(得分:11)

要从输入值使用datetime,只需将选项useCurrent设置为false,并在值中设置日期

&#13;
&#13;
$('#datetimepicker1').datetimepicker({
  useCurrent: false,
  format: 'DD.MM.YYYY H:mm'
});
&#13;
&#13;
&#13;

答案 3 :(得分:5)

它对我有用:

 <script type="text/javascript">
        $(function () {
            var dateNow = new Date();
            $('#calendario').datetimepicker({
                locale: 'es',
                format: 'DD/MM/YYYY',
                defaultDate:moment(dateNow).hours(0).minutes(0).seconds(0).milliseconds(0)                    
            });
        });            
    </script>

答案 4 :(得分:4)

在初始化后使用它

$('.form_datetime').datetimepicker('update', new Date());

答案 5 :(得分:4)

我试图为选择器设置默认时间,但是它有效:

$('#date2').datetimepicker({
 format: 'DD-MM-YYYY 12:00:00'
});

这将在数据库中保存为:2015-03-01 12:00:00

用于sql server中的smalldatetime类型

答案 6 :(得分:2)

这是我解决您问题的方法:

$('#startdatetime-from').datetimepicker({
language: 'en',
format: 'yyyy-MM-dd hh:mm'
}).on('dp.change', function (e) {
        var specifiedDate = new Date(e.date);
        if (specifiedDate.getMinutes() == 0)
        {
            specifiedDate.setMinutes(1);
            $(this).data('DateTimePicker').date(specifiedDate);
        }
    });

这也适用于设置默认小时或两者。 请注意,此代码示例也适用于useCurrent: false参数。

当用户选择日期时,我们检查分钟是否为0(硬编码默认值)。在这种情况下,我们设置1.然后,用户不能选择0。

答案 7 :(得分:2)

我解决了这个问题

$('#startdatetime-from').datetimepicker({
language: 'en',
format: 'yyyy-MM-dd hh:mm',
defaultDate:new Date()
});

答案 8 :(得分:0)

Momentjs.com有关于如何操纵与当前时刻相关的日期/时间的良好文档。由于Datetimepicker需要Momentjs,因此也可以使用它。

var startDefault = moment().startof('day').add(1, 'minutes');
$('#startdatetime-from').datetimepicker({
    defaultDate: startDefault,
    language: 'en',
    format: 'yyyy-MM-dd hh:mm'
});

答案 9 :(得分:0)

通过使用Moment.js,我可以设置默认时间

var defaultStartTime = moment(new Date());
var _startTimeStr = "02:00 PM"


    if (moment(_startTimeStr, 'HH:mm a').isValid()) {
        var hr = moment(_startTimeStr, 'HH:mm a').hour();
        var min = moment(_startTimeStr, 'HH:mm a').minutes();

        defaultStartTime = defaultStartTime.hours(hr).minutes(min);
    }

$('#StartTime').datetimepicker({
    pickDate: false,
    defaultDate: defaultStartTime
});

答案 10 :(得分:0)

你好开发者

请尝试使用此代码

var default_date=  new Date(); // or your date
$('#datetimepicker').datetimepicker({
    format: 'DD/MM/YYYY HH:mm', // format you want to show on datetimepicker
    useCurrent:false, // default this is set to true
    defaultDate: default_date
});

如果要设置默认日期,请将useCurrent设置为false,否则setDate或defaultDate之类的方法将不起作用。

答案 11 :(得分:0)

这对我有用。我必须使用特殊的日期格式,例如“ YY-MM-dd hh:mm”或“ YYYY-MM-dd hh:mm”

$('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-dd hh:mm',
            defaultDate: new Date()
        });

答案 12 :(得分:-1)

经过长时间的搜索后,这对我有用。此解决方案适用于Bootstrap datetimepicker版本4.当您必须在输入字段中设置默认日期时。

HTML

"input type='text' class="form-control" id='datetimepicker5' placeholder="Select to date" value='<?php echo $myDate?>'// $myDate is having value '2016-02-23' "

注意 - 如果您使用php进行编码,则可以使用php设置输入日期字段的值,但是当您对其应用datetimepicker()函数时,datetimepicker会将其设置回当前日期。因此,为了防止它,使用给定的JS代码

JAVASCRIPT

<script>
$('#datetimepicker5').datetimepicker({
           useCurrent: false //this is important as the functions sets the default date value to the current value 
           ,format: 'YYYY-MM-DD'
        });
</script>