Javascript daterangepicker.js选择当前日期

有人熟悉VisualStudio.net中的daterangepicker.js插件吗？它实际上是一个相当好的插件，但有一个小缺陷我无法绕过。选择当前日期时，它无法识别该日期，也不会更改日期。用户不得不恼火地切换到其他日期，然后返回到当前日期，以使其注册

还有其他人遇到这种情况并有解决办法吗

我的日期输入：

define(function (require) {
'use strict';
var vue = require('vue');

return vue.component('field-date-input', {
    template: '<input class="form-control" v-model.lazy="displayValue" type="text">',
    mixins: [VueFormGenerator.abstractField],
    mounted: function () {
        var self = this;
        $(this.$el).daterangepicker({ autoUpdateInput: false, singleDatePicker: true }, function (start, end) {
            self.displayValue = formatDate(start);
        });

        var startingValue = formatDate(this.displayValue);
        if (startingValue !== null) {
            this.displayValue = startingValue;
            $(this.$el).data('daterangepicker').setStartDate(startingValue);
        }
    },
    computed: {
        displayValue: {
            get: function () {
                return formatDate(this.value);
            },
            set: function (newValue) {

                $(this.$el).val(newValue);

                if (this.value !== null)
                    $(this.$el).data('daterangepicker').setStartDate(newValue);


                this.value = formatWebApiDate(newValue);
            }
        }
    }
});

定义（功能（需要）{
"严格使用",；
var vue=要求（'vue'）；
返回vue.component（'field-date-input'{
模板：“”，
mixins:[VueFormGenerator.abstractField]，
挂载：函数（）{
var self=这个；
$（this.$el）.daterangepicker（{autoUpdateInput:false，singleDatePicker:true}，函数（开始，结束）{
self.displayValue=格式日期（开始）；
});
var startingValue=formatDate（this.displayValue）；
如果（起始值！==null）{
this.displayValue=启动值；
$（此.$el）.data（'daterangepicker'）.setStartDate（startingValue）；
}
},
计算：{
显示值：{
get:function（）{
返回格式日期（此.value）；
},
set：函数（newValue）{
$（this.$el）.val（newValue）；
if（this.value！==null）
$（this.$el）.data（'daterangepicker'）.setStartDate（newValue）；
this.value=formatWebApiDate（newValue）；
}
}
}
});

这是由

自动更新输入：false，

引起的，并记录在：

开发商（丹·格罗斯曼）：

您的回调函数仅在选择新选项时触发 已创建。由于当前日期是已选择的日期，请单击该日期 同样不会触发您的代码。您可以侦听 而不是像“input Initialive”中那样应用.daterangepicker事件 空的”

示例解决方案：

$('input[name="start_date"]').daterangepicker({ 
  "singleDatePicker": true,
  "showDropdowns": true,
  "autoUpdateInput": false,
  "autoApply": true
});

// HERE
$('input[name="start_date"]').on('apply.daterangepicker', function(ev, picker) {
  $(this).val(picker.startDate.format('YYYY-MM-DD'));
});

这是由

“autoUpdateInput”：false，

引起的，并记录在：

开发商（丹·格罗斯曼）：

您的回调函数仅在选择新选项时触发 已创建。由于当前日期是已选择的日期，请单击该日期 同样不会触发您的代码。您可以侦听 而不是像“input Initialive”中那样应用.daterangepicker事件 空的”

示例解决方案：

$('input[name="start_date"]').daterangepicker({ 
  "singleDatePicker": true,
  "showDropdowns": true,
  "autoUpdateInput": false,
  "autoApply": true
});

// HERE
$('input[name="start_date"]').on('apply.daterangepicker', function(ev, picker) {
  $(this).val(picker.startDate.format('YYYY-MM-DD'));
});