đặt ngày trong loại đầu vào ngày

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

tôi sẽ đặt ngày hôm nay trong loại ngày nhập datepicker trong chrome.

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

nhưng nó không hoạt động

Chỉnh sửa jsFiddle này - Vui lòng thử trong chrome.

Liên kết Fiddle: http://jsfiddle.net/7LXPq/93/

Hai vấn đề trong này:

1. Kiểm soát ngày trong HTML 5 chấp nhận ở định dạng Năm - tháng - ngày như chúng ta sử dụng trong SQL
2. Nếu tháng là 9, nó cần được đặt là 09 chứ không phải 9 đơn giản. Vì vậy, nó cũng áp dụng cho trường ngày.

Vui lòng theo liên kết fiddle để xem demo:

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

nên làm việc.

Cập nhật: Tôi đang làm điều này với date.toISOString().substr(0, 10). Cho kết quả giống như câu trả lời được chấp nhận và có sự hỗ trợ tốt.

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

Đoạn mã trên sẽ hoạt động.

đối với tôi cách ngắn nhất để giải quyết vấn đề này là sử dụng moment.js và giải quyết vấn đề này chỉ trong 2 dòng.

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

Mã của bạn sẽ hoạt động nếu ở định dạng này:, YYYY-MM-DDđây là tiêu chuẩn máy tính cho các định dạng ngày tháng http://en.wikipedia.org/wiki/ISO_8601

Tôi thường tạo hai hàm trợ giúp này khi sử dụng đầu vào ngày tháng:

// 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('-'));

Sau đó, bạn có thể đặt giá trị nhập ngày là:

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

Và lấy giá trị đã chọn như vậy

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

Datetimepicker luôn cần định dạng đầu vào YYYY-MM-DD, nó không quan tâm đến định dạng hiển thị của mô hình của bạn hoặc về ngày giờ hệ thống cục bộ của bạn. Nhưng định dạng đầu ra của bộ chọn ngày giờ là định dạng bạn muốn (hệ thống cục bộ của bạn). Có một ví dụ đơn giản trong bài đăng của tôi .

Phiên bản jquery

var currentdate = new Date();

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