このJavaScriptコードをもっと圧縮する方法はありますか？

Question

私は作品次のコードを書かれているが、イム不思議では私はそれがどんな小さくすることができます。

$(document).ready(function() 

      $('.datepickerTarget').datepicker({ 
       onSelect: function (dateText, inst) { 

        $('#' + this.id).removeClass('watermark'); 

       } 
      }); 

      $('.datepickerTarget').datepicker("option", "dateFormat", "dd/mm/yy"); 

     }); 

私はイムはラインを理解しようとしていると思います：

$('.datepickerTarget').datepicker("option", "dateFormat", "dd/mm/yy"); 

が行っています。これは建設業者ですか？私はこの行に何を置くことができるのかをどこで見つけるのですか？単なる方法ですか？構文についてはわかりません。

誰かが私はので、私はこのコードを短縮することができます理解するのに役立つことを願って、それがもう少し滑らかな作り...

Answer 1

$(document).ready(function() 
    $('.datepickerTarget').datepicker({ 
     dateFormat:"dd/mm/yy", 
     onSelect: function (dateText, inst) { 
      $('#' + this.id).removeClass('watermark'); 
     } 
    }); 
}); 

オブジェクトをパラメータとして渡すことで構築されたときは、日付書式を設定することができます日付オブジェクトの「コンストラクタ」

あなたのサイズを心配している場合は、JavaScriptの圧縮に見えます。私はYUI compression algorithmを使用します。

コードを作る

$('.datepickerTarget').datepicker({ 
      onSelect: function (dateText, inst) { 
       $('#' + this.id).removeClass('watermark'); 
      }, 
      dateFormat: "dd/mm/yy" 
}); 

Answer 2

$(document).ready(function() 
     $('.datepickerTarget').datepicker({ 
      onSelect: function (dateText, inst) { 

       $('#' + this.id).removeClass('watermark'); 

      }, 
      dateFormat: "dd/mm/yy" 
     }); 
    }); 

あなたははい、あなたはここで単一の呼び出しの中でonSelectとともにdateFormatプロパティを設定することができます右の日付ピッカー

Answer 3

の初期化オプションでそのオプションを追加することができますより滑らかなは、それを維持できないようにするための一歩です。

あなたはそれを小さくする方法を考え出す苦労している場合、あなたは6ヶ月で、それを見たとき、それが何をするか地獄覚えているだろう苦労を考えます。

Answer 4

：

Answer 5

JavaScriptは圧縮されていません。通常、Javascriptを圧縮するのは、改行を含むすべての不要な文字を削除したり、メソッドの名前をはるかに少なく（またはまったく）説明的な量を最小限に抑えるために不要なコードを削除するなど、別の意味で圧縮することを意味するかもしれませんが、余分な作業のコードを削除するなど、冗長性​​を取り除くことになります。

途方に暮れて、2番目の質問に移動すると、それはコンストラクタまたは「初期化子」の何かです。プラグインをインスタンス化し、必要な引数をパラメータとして指定します。次の2つの方法でサポートされているパラメータを見つけることができるはずです。

• ソースファイルでのプラグイン
• ルックのマニュアルを読み、コードを読む

Answer 6

$('.datepickerTarget').datepicker({ 
    onSelect: function (dateText, inst) { 
        $('#' + this.id).removeClass('watermark'); 
       }, 
    dateFormat : "dd/mm/yy" 
}); 

それはありません本当に実際には行は少なくなりますが、dateFormatをdatepickerの開始に移動するのがより賢明です。

あなたは本当にドキュメントを見ている必要があります！

Answer 7

これは役立つはずです。

$(document).ready(function() { 

    $('.datepickerTarget').datepicker({ onSelect: function() { $(this).removeClass('watermark'); }, dateFormat: "dd/mm/yy" }); 

});