แปลงสตริง 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])

ใช้ regex

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

ทำไมไม่ใช้ regex

เพราะคุณรู้ว่าคุณกำลังทำงานกับสตริงที่ประกอบด้วยสามส่วนคั่นด้วยยัติภังค์

อย่างไรก็ตามหากคุณกำลังมองหาสตริงเดียวกันภายในสตริงอื่น regex จะเป็นวิธีที่จะไป

นำมาใช้ใหม่

เนื่องจากคุณกำลังทำสิ่งนี้มากกว่าหนึ่งครั้งในโค้ดตัวอย่างของคุณและอาจจะอยู่ที่อื่นในฐานรหัสของคุณให้รวมไว้ในฟังก์ชัน:

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"))

ผล: จันทร์พฤศจิกายน 02 2015 04:40:13 GMT + 0100 (CET) จากนั้นฉันใช้. getTime () เพื่อทำงานกับมิลลิวินาที

คำตอบที่ได้รับการยอมรับมีข้อบกพร่อง

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

พิจารณาว่า datepicker มี "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);

ดูเพิ่มเติมที่: สตริงการแยกวิเคราะห์ DateTime ใน JavaScript

ลองดูที่ Datejsสำหรับประเด็นที่เกี่ยวข้องกับวันที่เหล่านั้น .. คุณสามารถแก้ไขได้ด้วยฟังก์ชั่น parseDate ด้วย

คุณสามารถใช้ Regexp

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 Object