giriş türü tarih için tarih ayarla

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

Chrome'da tarih seçici girdi türü tarihini bugün ayarlayacağım .

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

ama işe yaramıyor

Bu jsFiddle'ı Düzenle - Lütfen Chrome'da deneyin.

Keman bağlantısı: http://jsfiddle.net/7LXPq/93/

Bunda iki sorun var:

1. HTML 5'te tarih kontrolü, SQL'de kullandığımız gibi Yıl - ay - gün biçiminde kabul eder
2. Ay 9 ise, basitçe 9 değil 09 olarak ayarlanması gerekir. Bu nedenle gün alanı için de geçerlidir.

Demo için lütfen keman bağlantısını takip edin:

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

çalışmalı.

Güncelleme: Bunu ile yapıyorum date.toISOString().substr(0, 10). Kabul edilen cevapla aynı sonucu verir ve iyi bir desteğe sahiptir.

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

Yukarıdaki kod çalışacaktır.

Bana göre bu sorunu çözmenin en kısa yolu, moment.js kullanmak ve bu sorunu sadece 2 satırda çözmektir.

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

Kodunuz şu biçimde olsaydı işe yarardı: YYYY-MM-DDBu, http://en.wikipedia.org/wiki/ISO_8601 tarih biçimleri için bilgisayar standardıdır

Tarih girişlerini kullanırken genellikle bu iki yardımcı işlevi oluşturuyorum:

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

Daha sonra tarih giriş değerini şu şekilde ayarlayabilirsiniz:

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

Ve seçilen değeri bu şekilde geri alın

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

Tarihi yalnızca girişte type="date"olduğu gibi kullanabilirsinizYYYY-MM-DD

formatDateNODE.js ekspres gidonlarında olduğu gibi yardımcı uyguladım , endişelenmenize gerek yok ... sadece ilk satırda açıklandığı gibi biçimi kullanın.

Örneğin:

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

Datetimepicker her zaman YYYY-AA-GG giriş formatına ihtiyaç duyar, modelinizin görüntü formatı veya yerel sistem tarih saatinizle ilgilenmez. Ancak tarih saat seçicinin çıktı biçimi, istediğiniz (yerel sisteminiz) biçimidir. Basit bir örnek vardır Yazımın .

Benim için yerel tarihi almanın en kısa yolu ve girdi için doğru biçimde type="date"şu:

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

Veya bu :

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

Ardından tarih giriş değerini ayarlayın:

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

Jquery sürümü

var currentdate = new Date();

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