2017-08-29 46 views
0

我使用這個daterangepicker http://tamble.github.io/jquery-ui-daterangepicker。它將選定日期的字段呈現爲按鈕。如果我點擊這個字段,會打開一個日曆。但我需要能夠手動編輯該字段(鍵入日期)。是否可以用daterangepicker API,或者我必須在按鈕上方創建一些自定義輸入並添加幾條js行?jquery daterangepicker編輯輸入

現在,我只是使用標準設置

`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 - 是一個值,這將顯示,它不會被編輯。

+1

請分享您的代碼display: none;輸入,到現在無論你都試過了。 – Shiladitya

回答

0

我會說如果可能的話,最好使用他們的API,而不是嘗試一些黑客,如果在選擇日期後查看隱藏的輸入值,您會發現它包含一個特殊文本:"{"start":"2017-08-29","end":"2017-08-29"}"他們需要它在內部分配和讀取值。

而且插件沒有表現出任何的投入,讓用戶輸入手工任何文本,它只是顯示按鈕,跨度在後面

+0

是的,但一個問題是:「它有可能嗎?」 –

+0

這是可能的,但它會是很多黑客和編輯插件本身,使其工作。 –