1

私の CMS では、バックエンドで日付文字列を再フォーマットできないため、フロントエンドで Javascript を使用してテキストを変換しています。

これは、CMS が生成するもののいくつかの例です。

  1. Sunday, November 11, 2012, 4:45 PM - 6:00 PM
  2. Every Sunday , 9:15 AM - 10:30 AM
  3. First Sunday of the month, 9:15 AM - 1:00 PM - Rm 306
  4. Every Wednesday, 5:30 PM - 8:30 PM, from 09/05/2012 to 11/14/2012

フォーマットしたい方法は次のとおりです。

  1. Sun, Nov 11 @ 4:45-6p (短い日と月の名前、年なし、末尾の :00 なし)
  2. Every Sun @ 9:15-10:30a (両方が午前または午後の場合、初回は午前/午後インジケータなし)
  3. First Sun of the month @ 9:15a-1p (小文字の A & P)
  4. Every Wed @ 5:30-8:30p, Sep 5-Nov 14 (日付範囲で月を表示、年を削除、日付の先頭の 0 を削除)

だからここに私が思いついた機能があります：

$(".smart-time").each(function(){
    $(this).html($(this).html()
        .replace(/( *)?-( *)?([0-9]([0-2])?:[0-5][0-9])/gi,"-$3") // Remove space in dashes between time
        .replace(/(:[0-5][0-9])([ ]?AM)/gi,"$1a") // Short AM
        .replace(/(:[0-5][0-9])([ ]?PM)/gi,"$1p") // Short PM
        .replace(/12:00( )?p/gi,"Noon") // 12:00p = Noon
        .replace(/12:00( )?a/gi,"Midnight") // 12:00a = Midnight
        .replace(/(:00| from)/gi,"") // No trailing :00
        .replace(/([0-9:]*)a-([0-9:]*)a/gi,"$1-$2a") // Remove first 'a' in span
        .replace(/([0-9:]*)p-([0-9:]*)p/gi,"$1-$2p") // Remove first 'p' in span
        .replace(/(\, |\/)(20[0-9][0-9])/gi,"") // Remove Year
        .replace(/ to /gi,"-") // to changed to -
        .replace(/\/(0)?([0-9]*)/gi,"/$2") // Remove leading 0 in dates
        .replace(/01\//gi,"Jan ") // Change month number to short name
        .replace(/02\//gi,"Feb ")
        .replace(/03\//gi,"Mar ")
        .replace(/04\//gi,"Apr ")
        .replace(/05\//gi,"May ")
        .replace(/06\//gi,"Jun ")
        .replace(/07\//gi,"Jul ")
        .replace(/08\//gi,"Aug ")
        .replace(/09\//gi,"Sep ")
        .replace(/10\//gi,"Oct ")
        .replace(/11\//gi,"Nov ")
        .replace(/12\//gi,"Dec ")
        .replace(/(Sun|Mon|Tue|Wed|Thu|Fri|Sat)(s|nes|rs|ur)?day/gi,"$1") // Shorten Day names
        .replace(/\, <\/span>/gi," @ </span>") // Change , to @
        .replace(/(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)((r)?uary|(t)?(em)?(o)?ber|ch|il|e|y|ust)?/gi,"$1") // Shorten Month names
    );
});

これは機能しますが、非常に... かさばります。

これを行うためのより良い方法、または同じ目標を達成するためのより簡単な方法はありますか?

4

3 に答える 3

1

ライブラリを導入することに反対でない場合は、DateJsを検討してください。

非常に優れた日付フォーマット機能が多数あります。

開始ページから：

// Lets start simple. "Today"
Date.parse('today');

// How about tomorrow?
Date.parse('tomorrow');

// July 8?
Date.parse('July 8');

// With a year?
Date.parse('July 8th, 2007');

// And time?
Date.parse('July 8th, 2007, 10:30 PM');

// Get the date, move to Monday (if not already Monday),
// then alert the date to the user in a different format.
var d1 = Date.parse('8-Jul-2007');
if (!d1.is().monday()) {
    d1.last().monday();
}
alert(d1.toString('dddd, MMMM d, yyyy'));
于 2012-09-10T21:20:20.790 に答える
1

検討する価値のあるもう 1 つのオプションは、ここに記載されている jQuery UI Datepicker のparseDate()メソッドです。

ただし、これは非常に使いやすいですが、サイトで既に datepicker を使用している場合にのみ実用的であることは明らかです。

于 2012-09-10T21:23:57.157 に答える
0

Date.parseDate を調べる必要があります。記事の良い例を次に示します: http://www.xaprb.com/articles/javascript-date-parsing-demo.html

于 2012-09-10T21:12:22.390 に答える