バージョン選択

フォーラム

メニュー

オンライン状況

32 人のユーザが現在オンラインです。 (11 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 32
もっと...

サイト内検索

質問 > フロント機能 > プラグインで購入画面でdatetimepickerを使いたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
hashida
投稿日時: 2021/7/20 15:08
対応状況: 解決済
半人前
登録日: 2021/6/25
居住地:
投稿: 28
プラグインで購入画面でdatetimepickerを使いたい
プラグインのイベントのaddSnippetから購入画面へ日付入力フォームを追加しました。日付入力フォームは追加できたのですプラグインのイベントのaddSnippetから購入画面へ日付入力フォームを追加しました。日付入力フォームは追加できたのですが、datetimepickerが聞きません。

これはscriptの読み込み順が原因でしょうか。
どなたかご存じであればご教授いただけますと幸いです。

日付入力フォーム

$builder->add('time', DateTimeType::class, [
            'label' => '時間',
            'required' => true,
            'input' => 'datetime',
            'widget' => 'single_text',
            'format' => 'yyyy-MM-dd HH:mm',
            'attr' => [
                'class' => 'datetimepicker-input',
                'data-target' => '#shoppingtakeout_time',
                'data-toggle' => 'datetimepicker',
            ],
        ])


スニペットのjavascript

<script src="{{ asset('assets/js/vendor/tempusdominus-bootstrap-4.min.js', 'admin') }}"></script>

<script>
    $(function () {
        // datetimepicker で value が消えてしまうので data-value に保持しておく
            $('input.datetimepicker-input').each(function() {
                $(this).data('value', $(this).val());
            });

            $('input.datetimepicker-input').datetimepicker({
                locale: '{{ eccube_config.locale }}',
                format: 'YYYY-MM-DD HH:mm:ss',
                useCurrent: false,
                buttons: {
                    showToday: true,
                    showClose: true
                },
            });
    });
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン

右上バナー


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は73,682名です
総投稿数は102,895件です

投稿数ランキング

1
seasoft
7333
2
468
3125
3
AMUAMU
2712
4
nanasess
2192
5
umebius
2042
6
yuh
1662
7
red
1456
8
h_tanaka
1169
9
tsuji
942
10
fukap
907
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.