バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
hashida
投稿日時: 2021/8/23 18:21
対応状況: 開発中
半人前
登録日: 2021/6/25
居住地:
投稿: 18
フロント画面に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ペイメント

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

統計情報

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

投稿数ランキング

1
seasoft
7333
2
468
3078
3
AMUAMU
2712
4
nanasess
2180
5
umebius
2030
6
yuh
1612
7
red
1453
8
h_tanaka
1090
9
tsuji
936
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.