javascript 日付リンケージセレクター [学習する価値のあるコードもあります]_時刻と日付

<title> 日付セレクター </title> <style> body { margin: 0px; padding: 0px; font-size: 12px; } #year, #month, #date{ width: 60px; margin-right: 3px; } </style> <select id="year"> </select><select id="month"></select><select id="date"></select><span id="info"> </span>
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

[パラメータの説明] コードをコピー

コードは次のとおりです:


var dateSelector = new DateSelector(年のドロップダウン ID、月のドロップダウン ID、日のドロップダウン ID、{floor Year: 前方の年、ceil Year: 逆の年});
dateSelector.onStart = dateSelector.onEnd = function(){ // 開始をカスタマイズしますイベント終了
$('info ').innerHTML = this.getSelText(this.year) '年'
('0' this.getSelText(this.month)).slice(-2) '月'
('0' this.getSelText(this.date)).slice(-2) 'Day';
}

dateSelector.init() // 初期化が開始されます


[説明テキスト]

ここでオプションを生成する方法は非常に満足のいくものです options[i].text = options[i].value = i;

私はこの方法を使用しましたピリオド:

container.options [container.options.length] = new Option(i, i, false, (i ==sign ? true : false))
この新しいオプションには 4 つのパラメーターが使用可能です(text, value,defaultSelected, selected); 最後に、パラメータを設定して選択できます。

ただし、IE6 でバグが発生したこともありますので、修正してください。 .

バグデモ

これ IE7、IE8、FF3等では問題ないのですが、IE6では以前のものが選択されてしまいます（確認後、 IE Tester の問題のようです。すると、次の解決策も簡単なオプション生成の解決策です)

テストコード: コピーcode

コードは次のとおりです。


< ;select id="year">