dd-mm-yyyy文字列を日付に変換します

以下を使用して、dd-mm-yyyy形式の文字列をJavaScriptの日付オブジェクトに変換しようとしています：

 var from = $("#datepicker").val();
 var to = $("#datepickertwo").val();
 var f = new Date(from);
 var t = new Date(to);

("#datepicker").val()dd-mm-yyyy形式の日付が含まれます。以下を実行すると、「無効な日付」が表示されます。

alert(f);

これは「-」記号が原因ですか？どうすればこれを克服できますか？

「-」で分割

文字列を必要な部分に解析します。

var from = $("#datepicker").val().split("-")
var f = new Date(from[2], from[1] - 1, from[0])

正規表現を使用する

var date = new Date("15-05-2018".replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3"))

なぜ正規表現を使わないのですか？

ハイフンで区切られた3つの部分で構成される文字列で作業していることがわかっているためです。

ただし、別の文字列内で同じ文字列を探している場合は、正規表現が適しています。

再利用

これをサンプルコードで、そしておそらくコードベースの別の場所で2回以上実行しているため、関数でラップします。

function toDate(dateStr) {
  var parts = dateStr.split("-")
  return new Date(parts[2], parts[1] - 1, parts[0])
}

として使用：

var from = $("#datepicker").val()
var to = $("#datepickertwo").val()
var f = toDate(from)
var t = toDate(to)

または、関数でjQueryを気にしない場合：

function toDate(selector) {
  var from = $(selector).val().split("-")
  return new Date(from[2], from[1] - 1, from[0])
}

として使用：

var f = toDate("#datepicker")
var t = toDate("#datepickertwo")

最新のJavaScript

より最近のJSを使用できる場合は、配列の構造化解除も便利です。

const toDate = (dateStr) => {
  const [day, month, year] = dateStr.split("-")
  return new Date(year, month - 1, day)
}

正規表現の例：

new Date( "13-01-2011".replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3") );

別の可能性：

var from = "10-11-2011"; 
var numbers = from.match(/\d+/g); 
var date = new Date(numbers[2], numbers[0]-1, numbers[1]);

数字を一致させて並べ替えます

moment.jsの例を使用：

var from = '11-04-2017' // OR $("#datepicker").val();
var milliseconds = moment(from, "DD-MM-YYYY").format('x');
var f = new Date(milliseconds)

var from = $("#datepicker").val(); 
var f = $.datepicker.parseDate("d-m-Y", from);

Date()次のように、オブジェクトの括弧内に日付を書き込むこともできます。

new Date("Month dd, yyyy hh:mm:ss")
new Date("Month dd, yyyy")
new Date(yyyy,mm,dd,hh,mm,ss)
new Date(yyyy,mm,dd)
new Date(milliseconds)

次の形式を使用します。 myDate = new Date('2011-01-03'); // Mon Jan 03 2011 00:00:00

私の場合

new Date("20151102034013".replace(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/, "$1-$2-$3T$4:$5:$6"))

結果：月2015年11月2日04:40:13 GMT + 0100（CET）次に.getTime（）を使用してミリ秒を処理します

受け入れられた答えはちょっとバグがあります

var from = $("#datepicker").val().split("-")
var f = new Date(from[2], from[1] - 1, from[0])

日付ピッカーに「77-78-7980」が含まれているかどうかを検討してください。これは明らかに有効な日付ではありません。これは次の結果になります：

var f = new Date(7980, 77, 77);
=> Date 7986-08-15T22:00:00.000Z

これはおそらく望ましい結果ではありません。

この理由は、MDNサイトで説明されています。

Dateが複数の引数を持つコンストラクターとして呼び出される場合、値がその論理範囲より大きい場合（たとえば、月の値として13が提供されるか、分の値として70が提供される）、隣接する値が調整されます。たとえば、new Date(2013, 13, 1)と同等new Date(2014, 1, 1)です。

問題を解決するより良い方法は次のとおりです。

const stringToDate = function(dateString) {
  const [dd, mm, yyyy] = dateString.split("-");
  return new Date(`${yyyy}-${mm}-${dd}`);
};

console.log(stringToDate('04-04-2019'));
// Date 2019-04-04T00:00:00.000Z

console.log(stringToDate('77-78-7980'));
// Invalid Date

これにより、無効な入力を処理できる可能性があります。

例えば：

const date = stringToDate("77-78-7980");

if (date === "Invalid Date" || isNaN(date)) {
  console.log("It's all gone bad");
} else {
  // Do something with your valid date here
}

あなたはあなたを助けるために外部ライブラリを使用することができます。

http://www.mattkruse.com/javascript/date/source.html

getDateFromFormat(val,format);

これも参照してください：JavaScriptでDateTime文字列を解析します

ささいな日付関連の問題については、Datejsを見て ください。parseDate関数でもこれを解決できます。

正規表現を使用できます。

var result = /^(\d{2})-(\d{2})-(\d{4})$/.exec($("#datepicker").val());
if (result) {
    from = new Date(
        parseInt(result[3], 10), 
        parseInt(result[2], 10) - 1, 
        parseInt(result[1], 10)
    );
}

new Date().toLocaleDateString();

単純に、日付をjs Dateオブジェクトに渡すだけです