установить дату в типе ввода date

<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 всегда нуждается в формате ввода ГГГГ-ММ-ДД, его не волнует формат отображения вашей модели или дата и время вашей локальной системы. Но формат вывода средства выбора даты и времени - это то, что вам нужно (ваша локальная система). В моем посте есть простой пример .

Для меня самый короткий способ получить дату локали и в правильном формате для ввода 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));