マスクに日付ピッカーを適用する

Question

私はjavascriptとWeb開発の新機能を使いこなしています。私がプログラミングしているウェブサイトでは、サーバー側のソースから日付の値が入ったテーブルがあります。テーブルのセクションをクリックすると、テキストはクリックされた日付（マスクを適用）を含む入力テキストボックスに置き換えられ、テキストボックスが表示されると、jqueryのdatepickerボックスが表示され、日付を編集できるようになります。この状況では、マスクされたテキストボックスに日付ピッカーを適用することが可能ですか？もしそうなら、あなたはこれをどうやってやりますか？ ？

Answer 1

jQueryマスクとjQuery日付ピッカーの両方を使用できる同じテキストボックスに日付用の日付ピッカーとマスクを使用することは可能です。 clickイベントでは、表示されているテキストボックスにフォーカスを当て、datepickerを展開します。 .classOfTextboxにnoneとjQuery

に必要なすべての.jsや.cssファイルを含める：

jQuery(document).ready(function() { 
    jQuery(".classOfTextbox").datepicker(
     { 
      changeMonth: true, 
      changeYear: true 
     }); 
    $(".classOfTextbox").mask("99/99/99;"); 

    $('table').click(function(){ 
     $(".classOfText").hide(); 
     $(".classOfTextbox").show(); 
     $(".classOfTextbox").focus();  
    });  
} 

スタイルディスプレイを置くことを忘れないでください