EC-CUBE / EC-CUBE/ec-cube

管理画面の日付入力のライブラリの見直し

Open
#4,622 0 comments 0 reactions 0 assignees View on GitHub
improvement
Dominant language
PHP
Stars
788
Forks
719
Avg merge
4d 4h
Merged PRs (30d)
39

Description

## 概要(Overview)

管理画面の日付入力のライブラリとして現在は jQuery の datetimepicker を利用していますが以下の課題があります。
https://github.com/tempusdominus/datetimepicker

- メンテナンスがあまり行われていない。
- 初期値の入力の指定が冗長になってしまう。
- 時間/分の入力インタフェースが使いにくい。
- HTML5標準のカレンダーと競合するなど実装が大変

## 期待する内容(Expect) or 要望 (Requirement)

メンテナンスがされていて、より使いやすそうなライブラリ flatpickr に切り替えたいと思います。
https://flatpickr.js.org/
https://github.com/flatpickr/flatpickr

![image](https://user-images.githubusercontent.com/16895409/87121355-90131a80-c2bd-11ea-957a-0313b7fa0ba4.png)

ライブラリを置き換える場合はプラグイン等で利用している可能性を考慮して互換性に配慮する必要がある。
例えば売り上げ集計プラグインは影響を受けそう(未調査)

実装方法はシンプルで以下のようにすればだいたい動く。(調整は必要)

```twig
{% block stylesheet %}

{% endblock stylesheet %}

{% block javascript %}


$(function() {
$('input.datetimepicker-input').flatpickr({
enableTime: true,
dateFormat: "Y-m-d H:i",
});
});

{% endblock javascript %}
```

`enableTime: true` にするとフォームの値を消せない不具合があるようなので独自で対応が必要。

修正範囲が広そう。

## 再現手順(Procedure)

### 環境 (environment)
+ EC-CUBE: 4.0.4
+ 各ブラウザ

## 関連情報 (Ref)

refs https://github.com/EC-CUBE/ec-cube/pull/4619

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.