バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > フロント画面にbootstrapのdatetimepickerを表示させたい

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
hashida
投稿日時: 2021/8/23 18:21
対応状況: 解決済
半人前
登録日: 2021/6/25
居住地:
投稿: 28
フロント画面にbootstrapのdatetimepickerを表示させたい
bootstrap.min.jsをCDNで読み込み
管理画面の受注一覧と同様にjavascriptを記述しました。
しかし、記入欄にdatetimepickerが表示されません。
エラーは出ておりません。

どなたかご教授いただけますと幸いです。

<script src="{{ asset('assets/js/vendor/moment.min.js', 'admin') }}"></script>
<script src="{{ asset('assets/js/vendor/moment-with-locales.min.js', 'admin') }}"></script>
<script src="{{ asset('assets/js/vendor/tempusdominus-bootstrap-4.min.js', 'admin') }}"></script>
<script>
    $(function () {
        // datetimepicker で value が消えてしまうので data-value に保持しておく
        $('#shopping_order_takeout_time').each(function() {
            $(this).data('value', $(this).val());
        });

        $('#shopping_order_takeout_time').datetimepicker({
            locale: '{{ eccube_config.locale }}',
            format: 'YYYY-MM-DD HH:mm:ss',
            useCurrent: true,
            buttons: {
                showToday: true,
                showClose: true
            },
        });

        // datetimepicker で value が消えてしまうので更新
        $('#shopping_order_takeout_time').each(function() {
            $(this).val($(this).data('value'));
        });


    
    });
</script>


<input type="text" id="shopping_order_time" name="_shopping_order[time]" required="required" class="datetimepicker-input" data-target="#shoppingtakeout_time" data-toggle="datetimepicker">
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

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

投稿数ランキング

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.