Bootstrap datetimepicker:设置仅查看日期,未预选的日期

时间:2016-12-08 12:29:01

标签: javascript jquery datetimepicker bootstrap-datetimepicker

我正在使用this bootstrap datetime picker。 这是我的代码:

    var dp = $('#datetimepicker')
        .datetimepicker({
            viewDate: setViewDate(),
            format: 'MM/DD/YYYY',
            maxDate: moment(currentDate, 'MM/DD/YYYY'),
            minDate: moment(currentDate).subtract(200, 'years')
        });

    function setViewDate (){
        if (!$('#datetimepicker').find('input').val()) { 
            return moment(new Date()).subtract(30, 'years'); }
        else { return false; }
}

如果datetimepicker输入没有任何值,上述工作方式如何,当我们打开选择器时,选择器中的日期(而不是实际输入日期)应该是今天 - 30年。

这项工作正常,但未选择选择器中的日期,请参阅下文:

enter image description here

问:我怎样才能在选择器中预选这一天? (不是实际输入值)

3 个答案:

答案 0 :(得分:0)

您可以尝试这样设置日期:

$("#datePicker")
 .datepicker({
   format: "mm/dd/yyyy",
   autoclose: true
  });

$("#datePicker").datepicker("setDate", new Date());

因此,如果您想要其他日期,可以将其设为new Date("October 13, 2014)

答案 1 :(得分:0)

您还需要更新日期选择器中的日期

$('#datetimepicker').datepicker('update', moment(new Date()).subtract(30, 'years'));

答案 2 :(得分:0)

您好我快速查看参考文档,我认为您应该使用“defaultViewDate”选项defaultviewdate