目前,我們正在實施yadcf通過數據表進行篩選。到目前爲止,一切正常,但我們正在面對filter_type date/range_date的日期(時間)選擇器的問題。YADCF引導日期選擇器支持
我們考慮的jQuery UI的日期選擇器不是用戶友好的,因爲你只能循環月。因此,爲了回去幾年它需要相當長的點擊以達到所需的日期(我知道你可以手動在那裏在它自己打字改變的一年,但我們認爲還沒有用戶友好的)。
我們的文檔中讀到另一種選擇是,它有eonasdan-自舉的DateTimePicker支持。起初,我們不喜歡時間選擇器的部分,但我們無論如何都給了它一個鏡頭。所以,我已經安裝了以下模塊:
- Moment.js(yarn添加時刻)
- eonasdan,自舉的DateTimePicker(紗加eonasdan,自舉的DateTimePicker)
新的DateTimePicker是正確加載,但此增加了新的問題:
- 一旦你點擊日期,日期格式不正確(它在某種程度上顯示
{Hour (also shows values beyond 23)}/{Day abbrevation (like Th for Thursday)}/yyyy (not even the actual year number)
即使考試設置DATE_FORMAT(以(例如,)不影響輸出。 - 十年選擇器(例如2000-2011/2012-2023/etc)的樣式不是很好(不是很大的問題,因爲我們可以刪除css 並自己寫,但它有點令人討厭, css與包裝不能正常工作)..
- 日採摘器(1-31)的樣式不會粘在日曆 包裝(沒有太大的問題,因爲我們可以刪除css 和自己寫,但它有點令人討厭,隨包附帶的CSS不能正常工作)。
- 時辰選取器只顯示一個大的數字,你可以選擇這樣它有點沒用的(可能是CSS問題,但再次它是煩人,隨包裝的CSS工作不正常)。
總的來說,它比jquery-ui-datepicker更糟糕。
我試過安裝了幾個其他的引導日期(時間)選擇器,但他們不能正常工作(有些問題是,他們不會實際觸發點擊輸入字段,不會自動(或能夠關閉在。全日)收盤時,您選擇的最後一部分(天),不及格的日期輸入字段
版本我們採用的是:
- 數據表的後端(可能並不重要):https://github.com/yajra/laravel-datatables
- 數據表前端:角數據表(https://l-lin.github.io/angular-datatables,2.3版.0)
- YADCF:https://github.com/vedmack/yadcf(版本0.9.1)
- Angular2:4.3.1
所以我的問題是,沒有人知道(如何設置)一個體面的日期選擇器(或的DateTimePicker如果有是沒有其他選擇)在YADCF過濾器中使用?
一個例子是: https://yarnpkg.com/ EN /包/自舉日期選擇器 這一個看起來不錯的數據得到填充到輸入字段,但日期選擇器不會自動關閉(而不能在全部關閉),一旦你點擊頂部欄去月份選擇器(1月 - 12月)它會停止響應所有的點擊。最重要的是,在點擊一天後,沒有請求發送到後端。 –
看看櫥窗http://yadcf-showcase.appspot.com/dom_bootstrap.html和http://yadcf-showcase.appspot.com/dom_bootstrap_time.html(在github上展示回購源代碼),也許這會有所幫助,如果沒有請提供一個鏈接到你的測試用例 – Daniel
對不起,我遲到響應,我去休假了一個星期。我設法從eonasdan添加datetimepicker,現在它正常工作。我注意到我上次嘗試過date_format時犯了一個錯誤(yyyy/mm/dd - > YYYY/MM/DD)。 –