bootstrap-datepicker更新值不起作用

时间:2015-04-09 09:16:54

标签: javascript jquery twitter-bootstrap datepicker

我正在尝试在单击div时更新引导程序的日期选择器的值,但是它什么都不做(没有错误)。 datepicker本身运行得很好。这是带有选项的javascript:

    $('#datepicker').datetimepicker({
      format: 'DD-MM-YYYY',
      pickTime: false,
      defaultDate: moment(),
      minDate: moment(),
      maxDate: moment().add(10,'y'),
      showClose: true,
      autoclose: true,
      keepOpen: false,
    });

javascript我试图用以下内容更改日期:

    $('.someDiv').click(function() {
      $("#datepicker").datetimepicker('setDate', '2016-03-05');
    });

最后是HTML:

<div class='input-group date' id='datepicker'>
    <input type='text' class="form-control" id="date"/>
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

可以在以下链接下找到文档,但提供的方法不起作用:https://bootstrap-datepicker.readthedocs.org/en/latest/

2 个答案:

答案 0 :(得分:3)

  $(function () {
    $('#datepicker').datetimepicker({
  pickTime: false,
  format: 'DD-MM-YYYY', 
  pickTime: false,
  defaultDate: moment(),
  minDate: moment(),
  maxDate: moment().add(10,'y'),
  showClose: true,
  autoclose: true,
  keepOpen: false
 });

    $('.date-setter').click(function() {
        alert('jj');
      $('#datepicker').data("DateTimePicker").setDate('03-05-2016');
    });

});

答案 1 :(得分:0)

回答当前版本

$('#deadline_picker').data("DateTimePicker").date(deadline);