setel tanggal pada tanggal tipe masukan

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

saya akan mengatur tanggal hari ini di tanggal tipe input datepicker di chrome.

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

tapi tidak berhasil

Edit jsFiddle Ini - Silakan coba di chrome.

Tautan biola: http://jsfiddle.net/7LXPq/93/

Dua masalah dalam hal ini:

1. Kontrol tanggal di HTML 5 menerima dalam format Tahun - bulan - hari seperti yang kita gunakan di SQL
2. Jika bulannya 9, itu perlu ditetapkan sebagai 09 bukan 9 secara sederhana. Jadi itu berlaku untuk bidang siang juga.

Silakan ikuti tautan biola untuk 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()

harus bekerja.

Pembaruan: Saya melakukan ini dengan date.toISOString().substr(0, 10). Memberikan hasil yang sama dengan jawaban yang diterima dan memiliki dukungan yang baik.

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

Kode di atas akan berfungsi.

bagi saya cara terpendek untuk menyelesaikan masalah ini adalah dengan menggunakan moment.js dan menyelesaikan masalah ini hanya dalam 2 baris.

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

Kode Anda akan berfungsi jika dalam format ini:, YYYY-MM-DDini adalah standar komputer untuk format tanggal http://en.wikipedia.org/wiki/ISO_8601

Saya biasanya membuat dua fungsi pembantu ini saat menggunakan input tanggal:

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

Anda kemudian dapat mengatur nilai masukan tanggal sebagai:

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

Dan mengambil nilai yang dipilih seperti itu

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

Datetimepicker selalu membutuhkan format input YYYY-MM-DD, tidak peduli dengan format tampilan model Anda, atau tentang waktu sistem lokal Anda. Tetapi format keluaran dari pemilih waktu adalah yang Anda inginkan (sistem lokal Anda). Ada contoh sederhana di postingan saya .

Anda hanya dapat menggunakan tanggal dalam masukan type="date"seperti dalam formatYYYY-MM-DD

Saya telah menerapkan helper sebagai formatDate pada express-handlebars NODE.js, tidak perlu khawatir ... cukup gunakan format seperti yang dijelaskan di baris pertama.

misalnya:

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

Versi jquery

var currentdate = new Date();

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