日付を挿入する際の動的スマート日付マスク

Question

キー入力とコピーの両方の日付を入力してテキストボックスに貼り付けるときにjavascriptまたはjQueryを動的に検出して変更する方法はありますか？

月など2桁の機能を持つテキストボックスを作成しようとしています。

月は1から番号にすることができますので - 私は私がやろうとしているトリックは、しかし、最初のときにテキストボックスで1または0

する最初の桁を強制する12数値が2〜9の場合はフォーカスを取得し、ユーザーが数字を入力すると、最初の点を自動的に0にし、2番目の点を9に自動で入力します。私は、 "2" は

02/__/_____ 

を取得する必要があります入力した場合、私は "1"

1_/__/_____ 

を入力した場合

__/__/_____ 

：私は何も入力する前に

この日付の入力はそうのようになります。

「22」と入力すれば

02/2_/_____ 

私は「77」と入力した場合、私はコードまたはすでにこのまたは前の記事へのリンクがないツールへのリンクとの回答では非常に興味がある

07/07/_____ 

を取得する必要がありますか？

最終的には、2011年7月7日または2011年7月7日または2011年7月7日にマスクされた状態にしたいと思います。最後の最終版では、今年の年をデフォルトにしようとしていますが、10年ごとにドロップダウンします。

Answer 1

なぜユーザーの入力ではなく、テキストボックスのぼかしにリスナーをアタッチしないでください。

"1"と入力したときに突然入力が開始されたときに、入力時に入力した内容にゼロを追加したり削除したりしたとします。

var dayInput = document.getElementById("day-input"); 
// usually, I'd just use event-listeners, but feel free to refactor 
dayInput.onblur = handleDayOrMonth; 

function handleDayOrMonth() { 
    var el = (this === window) ? event.srcElement : this, 
     number_string = el.value; 

    // checking that it's an actual number 
    if (!isNaN(parseInt(number_string)) { 
     if (number_string.length === 1) { el.value = "0" + number_string; } 
    } 
} 

年を処理することは、それが何であれ、開始位置に「20」を追加することを除いて、まったく同じになります。

jQueryを自由に使用できます。私はあなたが欲しい機能がjQuery Masked Input plugin

デモで提供されていることを信じてい

Answer 2

：http://jsfiddle.net/SO_AMK/SEXAj/

は、それはまた、数字だけを許可することに注意してください。

Answer 3

回答はこちら... jQuery masked input plugin。