1

jQuery UI の datepicker を使用します。

ここで私の初期コードを見ることができます

$('#fromDate').datepicker({
  showOtherMonths: true,
  minDate: 0,
  dateFormat: 'dd MM yy',
  onSelect: function(dateText, inst) { 
$(this).text(dateText);
  },
  altField: '#startDate',
  altFormat: 'dd.mm.yy'
},
$.datepicker.regional[ "ru" ]
);

日付を選択した後、datepicker を破棄しますが、その datepicker を破棄する必要はありません。

4

1 に答える 1

2

あなたが直面していた問題は、日付ピッカーが接続されている div の text プロパティへの書き込みが原因でした。したがって、日付ピッカー用と選択した値用の 2 つの個別の div を作成するという考え方です。

HTML:

Date: <div id='SelectedDate'></div>
<div id='fromDate'></div>

Jクエリ:

$('#fromDate').datepicker({
    showOtherMonths: true,
    minDate: 0,
    showAnim: '',
    dateFormat: 'dd MM yy',
    onSelect: function (dateText, inst) {
        $('#SelectedDate').text(dateText);
    },
    altField: '#startDate',
    altFormat: 'dd.mm.yy'
},
$.datepicker.regional["ru"]);

HTML に他の要素を追加し、不要になったときに lcikc で .datepicker("destroy") を実行できるようになりました。

編集：フィドルリンクを忘れた：http://jsfiddle.net/TGy3s/1/

于 2013-01-22T16:49:37.007 に答える