0

ajax でロードされた div にある入力に、データ時間ピッカー .appendDtpicker() をロードする必要があります。

これは私が実装しようとしているjsコードです:

$(document).on('click', "#start_date_q", function(){
        $("#start_date_q").appendDtpicker({"dateFormat": "YYYY-MM-DD h:m","minuteInterval": 15,"closeOnSelected": true,"calendarMouseScroll": false}); 
        });

これは、以前の ajax 呼び出しから取得した html です。

<div id="ajax results"><input type="text" id="start_date_q" name="start_date_q" value="'></div>

コンソールに次のエラーが表示されます。

Uncaught TypeError: Object [object Object] has no method 'appendDtpicker'

このJSコードも試しました：

function select_date(type){

        $("#"+type).appendDtpicker({"dateFormat": "YYYY-MM-DD h:m","minuteInterval": 15,"closeOnSelected": true,"calendarMouseScroll": false}); 


     }

およびhtml：

<div id="ajax results"><input type="text" id="start_date_q" name="start_date_q" value="" onclick="select_date('start_date_q')"></div>

同じエラーが表示されます。

別の入力（ロードされたajaxではない）に同じJSを実装すると、日時ピッカーが表示されます。

私はこの JS プラグインを使用しました: https://github.com/mugifly/jquery-simple-datetimepicker 誰か助けてください!

4

2 に答える 2

0

まず、スクリプトがロードされていることを確認してください。クロムまたは開発者ツールを使用して確認してください。また、jquery 参照の後にhttps://github.com/mugifly/jquery-simple-datetimepickerプラグインがページから参照されていることを確認してください。

<script src="pathtojquery"></script>
<script src="pathtoplugin"></script>
于 2013-09-19T09:33:23.407 に答える