バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > プラグインで購入画面で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公式 Amazon Payプラグイン

統計情報

総メンバー数は88,303名です
総投稿数は109,692件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

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

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