jeditable環境でdatetime値を編集する最も良い方法は？

Question

Jeditableを使用して、自分のページの表を編集できるようにします。それはMySQLのテーブルを更新し、それはすべて正常に動作します。

datetime値も編集する機能を追加したいと考えています。だから私はjquery.jeditable.datepicker.jsを使って仕事をしてみました。しかし、datetime値ではなく、日付値でのみ機能します。

$('.editTimeIn').editable('save.php', { 
    type  : 'datepicker', 
     datepicker: { 
      dateFormat: 'yy-mm-dd', 
      numberOfMonths: 2 
     } 
}); 

ユーザーに日付と時刻を選択させる必要があります。この機能にはどのような推奨事項がありますか？ 可能であれば、例を使用してください。

Answer 1

投稿者jeditable

（文字列）タイプ：使用する入力タイプ。デフォルトの入力タイプは、テキスト、 TEXTAREAまたはあるを選択します。追加の入力タイプは、カスタムの 入力タイプAPIを使用して提供されます。

あなたはjeditable additional input typesで詳しく見ていくのであれば、あなたが

timepickerタイプ（timepickerの依存性）

または

timeを使用することができていることがわかります入力タイプ（これはおそらくが必要な場合の最良の方法です何か速く、他のプラグインの依存関係なし）。

time入力タイプの簡単な例は、あなたはまた、単に（例えば以下のようにdatetime-local入力タイプを追加することによって、追加の入力タイプを拡張しようとすることができ、このfiddle

EDIT

で見つけることができます簡単なデモ）

$.editable.addInputType('datetime', { 
/* Create input element. */ 
element : function(settings, original) { 
    // pattern is fallback for browsers not supporting datetime-local 
    var datetime_local = $('<input id="datetime_" type="datetime-local" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}" required />'); 
    $(this).append(datetime_local);   
var hidden = $('<input type="hidden">'); 
$(this).append(hidden); 
return(hidden); 
}, 
submit : function(settings, original) { 
    var value = $('input:#datetime_').val(); 
    $("input", this).val(value); 
} 
}); 

fiddleも変更を表示する

Answer 2

ジッタブルのsource fileから直接。 fieの最後を見てください

if (settings.datepicker) { 
    jQuery.extend(datepicker, settings.datepicker); 
    } 

    input.datepicker(datepicker); 

実際には、入力要素にjquery ui datepickerを適用しています。

JQuery ui Datepickerにはdatetimeを変更する機能がありません。 これをサポートする別のライブラリを見つけることもできます。 githubでjeditable developersの機能をリクエストすることもできます。

他のライブラリを探すことをお勧めします。開発者が作業してから6〜7年経っているので、開発者が助けてくれるのではないかと疑いがあります。減価償却されたライブラリは使用しないでください。