Question

我正在使用此daterangepicker http://tamble.github.io/jquery-ui-daterangepicker。它将选定日期的字段呈现为按钮。如果单击此字段，将打开日历。但我需要能够手动编辑该字段（键入日期）。是否可以使用daterangepicker API，或者我必须在按钮上方创建一些自定义输入并添加几条js线？

现在，我只使用标准设置

`this.calendar.daterangepicker({
        datepickerOptions: datepickerOptions,
        applyOnMenuSelect: true,
        icon: '',
        presetRanges: this.options.presetRanges,
        initialText: this.options.initialText,
        applyButtonText: this.options.buttonNames.apply,
        clearButtonText: this.options.buttonNames.clear,
        cancelButtonText: this.options.buttonNames.cancel,
        dateFormat: "dd.mm.yy"
    });`

initialText - 是一个值，将显示，不可编辑。

Answer 1

我想说如果可能的话，最好使用他们的API，而不是尝试一些黑客攻击，如果你在选择日期之后查看隐藏的输入值，你会发现它有一个特殊的文本："{"start":"2017-08-29","end":"2017-08-29"}"他们需要它在内部分配和读取值。

该插件也没有显示任何输入让用户手动输入任何文本，它只显示按钮，跨度和后面的display: none;输入

Jquery daterangepicker编辑输入

1 个答案: