встановити дату в даті типу введення

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

я встановлю сьогоднішню дату в даті введення дати вибору дати в хромі.

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

але це не працює

Редагувати цей jsFiddle - спробуйте в хромі.

Посилання на скрипку: 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())

Вибір датчака завжди потребує формату введення YYYY-MM-DD, це не має значення щодо формату відображення вашої моделі чи щодо часу локальної системи. Але вихідний формат вибору часу вибору є бажаним (ваша локальна система). Є простий приклад у моєму дописі .

Версія Jquery

var currentdate = new Date();

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