กำหนดวันที่ในประเภทอินพุตวันที่

<input id="datePicker" type="date" />​

ฉันจะตั้งวันที่ของวันนี้ในวันที่ประเภทอินพุต datepicker ใน chrome

$(document).ready( function() {
    var now = new Date();
    var today = now.getDate()  + '/' + (now.getMonth() + 1) + '/' + now.getFullYear();
    alert(today);
    $('#datePicker').val(today);
});​

แต่มันไม่ทำงาน

แก้ไข jsFiddle นี้ - โปรดลองใน chrome

ลิงค์ซอ: http://jsfiddle.net/7LXPq/93/

สองปัญหานี้:

1. การควบคุมวันที่ใน HTML 5 ยอมรับในรูปแบบของปี - เดือน - วันตามที่เราใช้ใน SQL
2. ถ้าเดือน 9 ต้องตั้งค่าเป็น 09 ไม่ใช่ 9 ง่ายๆ ดังนั้นจึงใช้สำหรับฟิลด์วันด้วย

โปรดไปที่ลิงก์ซอสำหรับการสาธิต:

var now = new Date();

var day = ("0" + now.getDate()).slice(-2);
var month = ("0" + (now.getMonth() + 1)).slice(-2);

var today = now.getFullYear()+"-"+(month)+"-"+(day) ;

$('#datePicker').val(today);

document.getElementById("datePicker").valueAsDate = new Date()

ควรทำงาน.

ปรับปรุง: date.toISOString().substr(0, 10)ฉันทำเช่นนี้ด้วย ให้ผลลัพธ์เช่นเดียวกับคำตอบที่ยอมรับและมีการสนับสนุนที่ดี

var today = new Date().toISOString().split('T')[0];
$("#datePicker").val(today);

โค้ดด้านบนจะใช้งานได้

สำหรับฉันวิธีที่สั้นที่สุดในการแก้ปัญหานี้คือใช้ moment.js และแก้ปัญหานี้ใน 2 บรรทัด

var today = moment().format('YYYY-MM-DD');
$('#datePicker').val(today);

รหัสของคุณจะใช้งานได้หากอยู่ในรูปแบบนี้: YYYY-MM-DDนี่คือมาตรฐานคอมพิวเตอร์สำหรับรูปแบบวันที่http://en.wikipedia.org/wiki/ISO_8601

ฉันมักจะสร้างฟังก์ชันตัวช่วยทั้งสองนี้เมื่อใช้อินพุตวันที่:

// date is expected to be a date object (e.g., new Date())
const dateToInput = date =>
  `${date.getFullYear()
  }-${('0' + (date.getMonth() + 1)).slice(-2)
  }-${('0' + date.getDate()).slice(-2)
  }`;

// str is expected in yyyy-mm-dd format (e.g., "2017-03-14")
const inputToDate = str => new Date(str.split('-'));

จากนั้นคุณสามารถตั้งค่าการป้อนวันที่เป็น:

$('#datePicker').val(dateToInput(new Date()));

และดึงค่าที่เลือกเช่นนั้น

const dateVal = inputToDate($('#datePicker').val())

คุณสามารถใช้วันที่ในการป้อนข้อมูลtype="date"เป็นรูปแบบเท่านั้นYYYY-MM-DD

ฉันได้ติดตั้งตัวช่วยเช่นเดียวกับformatDateแฮนด์ฟรี NODE.js ไม่ต้องกังวล ... เพียงแค่ใช้รูปแบบตามที่อธิบายไว้ในบรรทัดแรก

เช่น:

< input type="date" id="date" name="date" class="form-control" value="{{formatDate invoice.date 'YYYY-MM-DD'}}" />

Datetimepicker ต้องการรูปแบบอินพุต YYYY-MM-DD เสมอโดยไม่สนใจรูปแบบการแสดงผลของโมเดลของคุณหรือเกี่ยวกับวันที่และเวลาของระบบโลคัลของคุณ แต่รูปแบบเอาต์พุตของตัวเลือกวันเวลาเป็นสิ่งที่คุณต้องการ (ระบบโลคัลของคุณ) มีตัวอย่างง่ายๆคือในโพสต์ของฉัน

สำหรับฉันวิธีที่สั้นที่สุดในการรับวันที่และในรูปแบบที่ถูกต้องสำหรับการป้อนข้อมูลtype="date"คือ:

var d = new Date(); 
var today = d.getFullYear()+"-"+("0"+(d.getMonth()+1)).slice(-2)+"-"+("0"+d.getDate()).slice(-2);

หรือสิ่งนี้:

var d = new Date().toLocaleDateString().split('/');
var today = d[2]+"-"+("0"+d[0]).slice(-2)+"-"+("0"+d[1]).slice(-2);

จากนั้นตั้งค่าการป้อนวันที่:

$('#datePicker').val(today);

เวอร์ชัน jquery

var currentdate = new Date();

$('#DatePickerInputID').val($.datepicker.formatDate('dd-M-y', currentdate));