$("div.date")
    .contents()
    .filter(
        function(){
            return this.nodeType != 1; 
        })
    .wrap("<span/>");

Я новичок и думал, что код справился бы с задачей, но он оборачивает все в<span> вот так:

<div class='date'><span>22 декабря 2011 г.</span></div>

Это должно выглядеть так:

<div class='date'>
  <span>Dec</span>
  <span>22,</span>
  <span>2011</span>
</div>