【问题标题】:bootstrap-datepicker update value doesn't workbootstrap-datepicker 更新值不起作用
【发布时间】:2015-04-09 09:16:53
【问题描述】:

我正在尝试在单击 div 时更新引导程序的日期选择器的值,但是它什么也不做(没有错误)。日期选择器本身工作得很好。这是带有选项的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/

【问题讨论】:

  • 你能创建一个jsfiddle.net 吗?
  • 我正试图让一个 jsfiddle 运行,但不知何故,甚至普通的 datepicker 也不能在那里工作。这是当前的 url,但它不代表我本地环境的状态,因为 datepicker 本身在本地工作。 jsfiddle.net/77v1f4kf
  • 在您创建的小提琴中,检查控制台错误。
  • 感谢您的帮助。这是我目前的状态:jsfiddle.net/77v1f4kf/4

标签: javascript jquery twitter-bootstrap datepicker


【解决方案1】:
  $(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');
    });

});

【讨论】:

  • 如何动态setDate?我应该使用什么论据?调用data之前存储的日期在哪里?
  • 应该是data('datepicker')
【解决方案2】:

回答当前版本

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

【讨论】:

    猜你喜欢
    • 2017-02-12
    • 2015-11-22
    • 2021-12-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-14
    • 2014-04-02
    • 2015-12-23
    相关资源
    最近更新 更多