jquery
  • datepicker
  • datatables
  • 2017-12-18 3 views -1 likes 
    -1

    私は、日付ピッカーを挿入するプロジェクトのデータテーブルを持っています。私はこれを持っている、それだけで入力されていない日付ピッカー表示されます。jqueryデータテーブルに日付ピッカーを挿入する

    "render": function(data, type, full, meta){ 
            var $tb = $("<input type='text' class='inlineevaldate' style='width:50px;'></input>"); 
            $tb.attr("id", "etxt" + full[0]); 
            $("#etxt" + full[0]).val(full[12]); 
            return $tb.prop("outerHTML"); 
           } 
    

    私はこれで日付を更新することができます。

    initComplete : function(settings, json){ 
          $(".inlineevaldate").datepicker({ 
           changeMonth: true, 
           changeYear: true, 
           modal: false, 
           autoClose: true, 
           onSelect: function() { 
            $("#btnUpdateProject").focus(); 
            var whichrow = $(this); 
            var id = whichrow[0].id; 
            var val = whichrow[0].value; 
            var projectid = whichrow[0].id.substring(4); 
            $.ajax({ 
             type: 'POST', 
             data: { projectid : projectid, date : val }, 
             url: '@Url.Action("SetProjectEvalDate")', 
             success: function(data){ 
              if (data === "ERROR") { 
               ErrorDialog("#MessageDialog", "#lblError", "The was an error encountered, please try again later.", "Error"); 
               return false; 
              } 
             } 
            }); 
           } 
          }); 
    

    しかし、私は入力の初期値を設定することはできませんが。何か案は?

    +1

    'textbox'ない' textarea'? – bassxzero

    +0

    @bassxzeroはい日付ピッカーを作成するときに通常行うようなテキストボックスです。 –

    +0

    コールバックで '$( '。datepicker')。datepicker();'を呼び出す必要があるでしょうか?おそらく、あなたがしようとしているものでJSFiddleを処理するでしょう...? – annoyingmouse

    答えて

    0

    私はこれを持つ列にレンダリング:

    "render": function(data, type, full, meta){ 
            var $tb = $("<input type='text' class='inlineevaldate' value='" + full[12] + "' style='width:50px;'></input>"); 
            $tb.attr("id", "etxt" + full[0]); 
            return $tb.prop("outerHTML"); 
           } 
    

    をそしてテーブルの後に日付ピッカーを設定が初期化されます。

    initComplete : function(settings, json){ 
          $(".inlineevaldate").datepicker({ 
           changeMonth: true, 
           changeYear: true, 
           modal: false, 
           autoClose: true, 
           onSelect: function() { 
            $("#btnUpdateProject").focus(); 
            var whichrow = $(this); 
            var id = whichrow[0].id; 
            var val = whichrow[0].value; 
            var projectid = whichrow[0].id.substring(4); 
            $.ajax({ 
             type: 'POST', 
             data: { projectid : projectid, date : val }, 
             url: '@Url.Action("SetProjectEvalDate")', 
             success: function(data){ 
              if (data === "ERROR") { 
               ErrorDialog("#MessageDialog", "#lblError", "The was an error encountered, please try again later.", "Error"); 
               return false; 
              } 
             } 
            }); 
           } 
          }); 
    
    関連する問題