datetimepicker编辑活动日期dp.show

Question

我需要：

我试过下面的代码......

$('.date1').datetimepicker({
                    language: 'ru',
                    pickTime: false,
                    useCurrent: false
}).on('dp.show', function() {

});

今天：26.11.2017

我打开日历时的默认空输入，活动日期为26.11.2017，输入为空

如果输入为空，我想将日期更改为我的（05.11.2017） 如果输入非空

，则显示输入的有效日期

Answer 1

这可以先删除定义所选日期的active类。

注意：由于您没有显示任何HTML结构，我猜您会使用最小设置的结构

$('.date1').datetimepicker({
  language: 'ru',
  pickTime: false,
  useCurrent: false
}).on('dp.show', function() {
  if ($('.date1 :input').val().length === 0) {
    $(".active").removeClass('active');
    $('[data-day="05.11.2017"]').addClass('active');
  }
});

所以我们做的是检查我们的输入是否为空，如果是，那么我们删除默认当前日的活动日并添加我们自己的[data-day="05.11.2017"]由您拥有的格式或区域设置定义设置为如果它是默认的英语，即，它将是[data-day="11/20/2017"]

这里总结一个实例。

注意：您好像正在使用旧版本的库，它不应该更改脚本的结果，我真的建议您更新它。< / p>

注2：小提琴仅使用最新版本进行记录。

＆＃13;

＆＃13;

$('.date1').datetimepicker({
  locale: 'ru',
  useCurrent: false
}).on('dp.show', function() {
  if ($('.date1 :input').val().length === 0) {
    $(".active").removeClass('active');
    $('[data-day="05.11.2017"]').addClass('active');
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://momentjs.com/downloads/moment-with-locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/25c11d79/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />

<br/>
<!--Space for the fiddle-->
<div class="container">
  <div class="row">
    <div class='col-sm-6'>
      <div class="form-group">
        <div class='input-group date date1'>
          <input type='text' class="form-control" />
          <span class="input-group-addon">
             <span class="glyphicon glyphicon-calendar"></span>
          </span>
        </div>
      </div>
    </div>
  </div>

＆＃13;

＆＃13;

＆＃13;