Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Đã hỏi 11 năm, 2 tháng trước 11 years, 2 months ago

Đã xem 1,2m lần 1.2m times

524

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Cho một phần tử đầu vào:


Có cách nào để đặt giá trị mặc định của trường ngày thành ngày hôm nay không?

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Mateen Ulhaq

22.3K16 Huy hiệu vàng86 Huy hiệu bạc127 Huy hiệu đồng16 gold badges86 silver badges127 bronze badges

Hỏi ngày 8 tháng 8 năm 2011 lúc 13:14Aug 8, 2011 at 13:14

0

Giống như bất kỳ trường đầu vào HTML nào, trình duyệt sẽ để trống phần tử ngày trừ khi giá trị mặc định được chỉ định trong thuộc tính

document.getElementById('datePicker').value = new Date().toDateInputValue();
8. Thật không may, HTML5 không cung cấp cách chỉ định
document.getElementById('datePicker').value = new Date().toDateInputValue();
9 trong

0.

Thay vào đó, người ta phải cung cấp rõ ràng ngày được định dạng RFC3339 (


1). Ví dụ:

element.value = "2011-09-29"

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Mateen Ulhaq

22.3K16 Huy hiệu vàng86 Huy hiệu bạc127 Huy hiệu đồng16 gold badges86 silver badges127 bronze badges

Hỏi ngày 8 tháng 8 năm 2011 lúc 13:14Aug 8, 2011 at 13:19

Giống như bất kỳ trường đầu vào HTML nào, trình duyệt sẽ để trống phần tử ngày trừ khi giá trị mặc định được chỉ định trong thuộc tính

document.getElementById('datePicker').value = new Date().toDateInputValue();
8. Thật không may, HTML5 không cung cấp cách chỉ định
document.getElementById('datePicker').value = new Date().toDateInputValue();
9 trong

0.Tak

Thay vào đó, người ta phải cung cấp rõ ràng ngày được định dạng RFC3339 (


1). Ví dụ:5 gold badges28 silver badges48 bronze badges

14

Đã trả lời ngày 8 tháng 8 năm 2011 lúc 13:19

Taktak

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});

jQuery:

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​

11.1k5 Huy hiệu vàng28 Huy hiệu bạc48 Huy hiệu đồng

document.getElementById('datePicker').value = new Date().toDateInputValue();

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Mateen Ulhaq

22.3K16 Huy hiệu vàng86 Huy hiệu bạc127 Huy hiệu đồng16 gold badges86 silver badges127 bronze badges

Hỏi ngày 8 tháng 8 năm 2011 lúc 13:14Oct 24, 2012 at 15:16

Giống như bất kỳ trường đầu vào HTML nào, trình duyệt sẽ để trống phần tử ngày trừ khi giá trị mặc định được chỉ định trong thuộc tính

document.getElementById('datePicker').value = new Date().toDateInputValue();
8. Thật không may, HTML5 không cung cấp cách chỉ định
document.getElementById('datePicker').value = new Date().toDateInputValue();
9 trong

0.brianary

Thay vào đó, người ta phải cung cấp rõ ràng ngày được định dạng RFC3339 (


1). Ví dụ:2 gold badges34 silver badges29 bronze badges

29

Đã trả lời ngày 8 tháng 8 năm 2011 lúc 13:19


Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Mateen Ulhaq

22.3K16 Huy hiệu vàng86 Huy hiệu bạc127 Huy hiệu đồng16 gold badges86 silver badges127 bronze badges

Hỏi ngày 8 tháng 8 năm 2011 lúc 13:14Jul 25, 2012 at 6:37

Giống như bất kỳ trường đầu vào HTML nào, trình duyệt sẽ để trống phần tử ngày trừ khi giá trị mặc định được chỉ định trong thuộc tính

document.getElementById('datePicker').value = new Date().toDateInputValue();
8. Thật không may, HTML5 không cung cấp cách chỉ định
document.getElementById('datePicker').value = new Date().toDateInputValue();
9 trong

0.Isham Mohamed

Thay vào đó, người ta phải cung cấp rõ ràng ngày được định dạng RFC3339 (


1). Ví dụ:1 gold badge9 silver badges2 bronze badges

7

Đã trả lời ngày 8 tháng 8 năm 2011 lúc 13:19

http://jsfiddle.net/7LXPq/

$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});

Taktak

11.1k5 Huy hiệu vàng28 Huy hiệu bạc48 Huy hiệu đồng Added check for the extra zero.

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Mateen Ulhaq

22.3K16 Huy hiệu vàng86 Huy hiệu bạc127 Huy hiệu đồng16 gold badges86 silver badges127 bronze badges

Hỏi ngày 8 tháng 8 năm 2011 lúc 13:14Aug 8, 2011 at 13:28

Giống như bất kỳ trường đầu vào HTML nào, trình duyệt sẽ để trống phần tử ngày trừ khi giá trị mặc định được chỉ định trong thuộc tính

document.getElementById('datePicker').value = new Date().toDateInputValue();
8. Thật không may, HTML5 không cung cấp cách chỉ định
document.getElementById('datePicker').value = new Date().toDateInputValue();
9 trong

0.Jeff

Thay vào đó, người ta phải cung cấp rõ ràng ngày được định dạng RFC3339 (


1). Ví dụ:22 silver badges32 bronze badges

1

Đã trả lời ngày 8 tháng 8 năm 2011 lúc 13:19


Taktak

$(document).ready(function() {
    var date = new Date();

    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();

    if (month < 10) month = "0" + month;
    if (day < 10) day = "0" + day;

    var today = year + "-" + month + "-" + day +"T00:00";       
    $("#theDate").attr("value", today);
});

11.1k5 Huy hiệu vàng28 Huy hiệu bạc48 Huy hiệu đồng

Đối tượng Ngày JavaScript cung cấp đủ hỗ trợ tích hợp cho định dạng cần thiết để tránh thực hiện thủ công:

Thêm điều này để hỗ trợ thời gian chính xác:

var date = new Date();

var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();

if (month < 10) month = "0" + month;
if (day < 10) day = "0" + day;

var today = year + "-" + month + "-" + day;       
document.getElementById("theDate").value = today;

11.1k5 Huy hiệu vàng28 Huy hiệu bạc48 Huy hiệu đồng

Đối tượng Ngày JavaScript cung cấp đủ hỗ trợ tích hợp cho định dạng cần thiết để tránh thực hiện thủ công:

element.value = "2011-09-29"
0

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Thêm điều này để hỗ trợ thời gian chính xác:Mar 8, 2013 at 19:35

JS thuần túy:

element.value = "2011-09-29"
1

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Đã trả lời ngày 24 tháng 10 năm 2012 lúc 15:16Nov 15, 2015 at 7:23

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

BrianarybrianaryShuhad zaman

8.7802 Huy hiệu vàng34 Huy hiệu bạc29 Huy hiệu đồng28 silver badges29 bronze badges

1

Điều này phụ thuộc vào PHP:

Đã trả lời ngày 25 tháng 7 năm 2012 lúc 6:37

Isham Mohamedisham Mohamed

element.value = "2011-09-29"
2

1.4951 Huy hiệu vàng9 Huy hiệu bạc2 Huy hiệu đồngMay 29, 2013 at 8:10

Bạn có thể điền vào giá trị mặc định thông qua JavaScript như đã thấy ở đây:Jukka K. Korpela

Tôi có lẽ sẽ dành thêm một chút thời gian để xem liệu tháng và ngày là các chữ số đơn và tiền tố chúng bằng số không ... nhưng điều này sẽ cho bạn một ý tưởng.36 gold badges257 silver badges376 bronze badges

2

Chỉnh sửa: Đã thêm kiểm tra cho số không.

element.value = "2011-09-29"
3

Đã trả lời ngày 8 tháng 8 năm 2011 lúc 13:28

Jeffjeff

element.value = "2011-09-29"
4

4.09722 Huy hiệu bạc32 Huy hiệu đồngOct 15, 2014 at 19:17

1

HTML:

element.value = "2011-09-29"
5

PHP:

element.value = "2011-09-29"
6

HTMLyyyy-mm-dd"

JQueryJun 20, 2021 at 23:01

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

thử nghiệmDavide

Nếu bạn không muốn sử dụng jQuery, bạn có thể làm điều gì đó như thế này1 gold badge14 silver badges29 bronze badges

JS

element.value = "2011-09-29"
7

TS

element.value = "2011-09-29"
8

Đã trả lời ngày 8 tháng 3 năm 2013 lúc 19:35

Thực hiện theo định dạng Y-M-D tiêu chuẩn, nếu bạn đang sử dụng PHP

element.value = "2011-09-29"
9

Đã trả lời ngày 15 tháng 11 năm 2015 lúc 7:23

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
0

Shuhad Zamanshuhad ZamanApr 4, 2019 at 8:27

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

2.80828 Huy hiệu bạc29 Huy hiệu đồng

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
1

Trong HTML5 như vậy, không có cách nào để đặt giá trị mặc định của trường ngày thành ngày hôm nay? Như được hiển thị trong các câu trả lời khác, giá trị có thể được đặt bằng JavaScript và đây thường là cách tiếp cận tốt nhất nếu bạn muốn đặt mặc định theo ngày hiện tại cho người dùng khi trang được tải.

HTML5 Xác định thuộc tính


2 cho các phần tử

3 và sử dụng nó, bạn có thể đặt giá trị ban đầu trực tiếp từ một đối tượng được tạo, ví dụ: bởi

4. Tuy nhiên, ví dụ: IE 10 không biết tài sản đó. (Nó cũng thiếu sự hỗ trợ chính hãng cho

3, nhưng đó là một vấn đề khác.)Jun 11, 2015 at 18:17

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Vì vậy, trong thực tế, bạn cần đặt thuộc tính

document.getElementById('datePicker').value = new Date().toDateInputValue();
8 và nó phải có trong ký hiệu phù hợp ISO 8601. Ngày nay, điều này có thể được thực hiện khá dễ dàng, vì chúng ta có thể mong đợi các trình duyệt được sử dụng hiện tại để hỗ trợ phương thức

7:Umair Khalid

Đã trả lời ngày 29 tháng 5 năm 2013 lúc 8:101 gold badge19 silver badges27 bronze badges

Jukka K. Korpelajukka K. Korpela

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
2

Phim thương hiệu vàng 190K36Jan 28, 2021 at 10:50

Nếu bạn đang làm bất cứ điều gì liên quan đến ngày và thời gian trong Brower, bạn muốn sử dụng moment.js:Zaffer


8 Trả về một đối tượng đại diện cho ngày và thời gian hiện tại. Sau đó, bạn gọi phương thức

9 của nó để có được một biểu diễn chuỗi theo định dạng được chỉ định. Trong trường hợp này,

1.9 silver badges24 bronze badges

Ví dụ đầy đủ:

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
3

Đã trả lời ngày 15 tháng 10 năm 2014 lúc 19:17

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Định dạng ngày phải là "yyyy-mm-dd"Nov 6, 2019 at 7:16

Đã trả lời ngày 20 tháng 6 năm 2021 lúc 23:01Gowtham Ag

Davidedavide2 silver badges5 bronze badges

1

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
4

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
5
Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
6

1.5751 Huy hiệu vàng14 Huy hiệu bạc29 Huy hiệu đồngAug 31, 2018 at 7:59

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

SantanusantanuSantanu

Huy hiệu đồng 1461 Bạc6 Huy hiệu Đồng1 silver badge6 bronze badges

Rất đơn giản, chỉ cần sử dụng các ngôn ngữ bên máy chủ như PHP, ASP, Java hoặc thậm chí bạn có thể sử dụng JavaScript.

Đây là giải pháp

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
7

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Blazemonger

88K26 Huy hiệu vàng137 Huy hiệu bạc178 Huy hiệu đồng26 gold badges137 silver badges178 bronze badges

Đã trả lời ngày 2 tháng 12 năm 2012 lúc 12:01Dec 2, 2012 at 12:01

Teshguruteshguruteshguru

3,4751 Huy hiệu vàng17 Huy hiệu bạc6 Huy hiệu đồng1 gold badge17 silver badges6 bronze badges

0

Cả hai câu trả lời hàng đầu đều không chính xác.

Một bộ lót ngắn sử dụng JavaScript thuần túy, chiếm thời gian cho timezone cục bộ và không yêu cầu xác định thêm chức năng:

Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
8
Date.prototype.toDateInputValue = (function() {
    var local = new Date(this);
    local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
    return local.toJSON().slice(0,10);
});
9

Điều này nhận được dữ liệu hiện tại tính bằng mili giây (kể từ thời đại) và áp dụng phần bù múi giờ tính bằng mili giây (phút * 60 nghìn phút mỗi mili giây).

Bạn có thể đặt ngày bằng

$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});
3 nhưng sau đó bạn có thêm một cuộc gọi đến hàm tạo
$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});
4.

Đã trả lời ngày 23 tháng 2 năm 2019 lúc 23:05Feb 23, 2019 at 23:05

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Rovykorovykorovyko

3.7524 huy hiệu vàng28 Huy hiệu bạc40 Huy hiệu đồng4 gold badges28 silver badges40 bronze badges

Nếu bạn cần điền vào đầu vào DateTime, bạn có thể sử dụng điều này:

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
0

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Tom Fenech

70.2K12 Huy hiệu vàng99 Huy hiệu bạc133 Huy hiệu đồng12 gold badges99 silver badges133 bronze badges

Đã trả lời ngày 4 tháng 3 năm 2014 lúc 23:58Mar 4, 2014 at 23:58

Cho nodejs (thể hiện với các mẫu swig):

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
1

Đã trả lời ngày 28 tháng 12 năm 2016 lúc 4:47Dec 28, 2016 at 4:47

CodeValveCodeValveCodeValve

851 Huy hiệu bạc5 Huy hiệu đồng1 silver badge5 bronze badges

Các giải pháp đơn giản nhất dường như bỏ qua rằng thời gian UTC sẽ được sử dụng, bao gồm cả các giải pháp được bỏ phiếu cao. Dưới đây là một phiên bản không hợp lý, ES6, không phải là JQuery của một vài câu trả lời hiện có:

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
2

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Mateen Ulhaq

22.3K16 Huy hiệu vàng86 Huy hiệu bạc127 Huy hiệu đồng16 gold badges86 silver badges127 bronze badges

Đã trả lời ngày 24 tháng 1 năm 2019 lúc 7:23Jan 24, 2019 at 7:23

DexygendexygenDexygen

12.1k11 Huy hiệu vàng77 Huy hiệu bạc146 Huy hiệu đồng11 gold badges77 silver badges146 bronze badges

1

Đây là những gì tôi đã làm trong mã của mình, tôi vừa thử nghiệm và nó hoạt động tốt, loại đầu vào = "ngày" không hỗ trợ để đặt độ cong tự động, vì vậy cách tôi đã sử dụng để khắc phục giới hạn này là sử dụng mã PHP một mã đơn giản như thế này .

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
3

Hy vọng nó giúp!

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Oliver

25.5k8 Huy hiệu vàng66 Huy hiệu bạc92 Huy hiệu Đồng8 gold badges66 silver badges92 bronze badges

Đã trả lời ngày 28 tháng 5 năm 2014 lúc 12:47May 28, 2014 at 12:47

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

GumbagumbaGumba

Phù hiệu đồng 4144 bronze badges

1

Đây là điều bạn thực sự cần phải làm phía máy chủ vì định dạng thời gian cục bộ của mỗi người dùng khác nhau, chưa kể đến từng trình duyệt hoạt động khác nhau.

Giá trị đầu vào ngày HTML phải ở định dạng này: Yyyy-MM-DD nếu không nó sẽ không hiển thị giá trị.yyyy-mm-dd otherwise it will not show a value.

ASP Classic, hoặc VBScript:

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
4

Đầu ra của ngày hôm nay: 2019-02-08

Sau đó, trong HTML của bạn:

$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});
5

PHP

Chỉ cần sử dụng điều này:

$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});
6

Đã trả lời ngày 8 tháng 2 năm 2019 lúc 10:50Feb 8, 2019 at 10:50

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

csandreas1csandreas1csandreas1

2.38424 Huy hiệu bạc44 Huy hiệu đồng24 silver badges44 bronze badges

Ngay cả sau tất cả những thời gian này, nó có thể giúp ai đó. Đây là giải pháp JS đơn giản.

JS

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
5

HTML

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
6

Giải pháp tương tự hoạt động ở góc mà không có bất kỳ thư viện bổ sung nào để chuyển đổi định dạng ngày. Đối với Angular (mã được rút ngắn do mã thành phần phổ biến):Angular without any additional library to convert date format. For Angular (code is shortened due to common component code):

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
7

Đã trả lời ngày 4 tháng 12 năm 2019 lúc 17:08Dec 4, 2019 at 17:08

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

StefadesignstefadesignStefaDesign

8569 Huy hiệu bạc17 Huy hiệu đồng9 silver badges17 bronze badges

2

Một giải pháp chứng minh trong tương lai, cũng là một giải pháp thay thế cho

$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});
7 không tạo ra một mảng chuỗi trong bộ nhớ, sẽ sử dụng
$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});
8 như hình dưới đây:future proof solution, also an alternative to
$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});
7 that doesn't create a string array in memory, would be using
$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});
8 as shown below:

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
8

Rất nhiều câu trả lời được đưa ra ở đây, chẳng hạn như

$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});
9,

0 vv sẽ thất bại trong tương lai. Họ sử dụng

1 trả về

2:
They use

1 which returns

2:

Phương thức


3 trả về một chuỗi ở định dạng ISO mở rộng được đơn giản hóa (ISO 8601), luôn dài 24 hoặc 27 ký tự (

4 hoặc

5, tương ứng). Timezone luôn không có độ lệch UTC, như được biểu thị bằng hậu tố "Z".

Khi năm trở thành 5 chữ số, những câu trả lời này sẽ thất bại.

$(document).ready( function() {
    $('#datePicker').val(new Date().toDateInputValue());
});​
9
document.getElementById('datePicker').value = new Date().toDateInputValue();
0

Đã trả lời ngày 6 tháng 5 năm 2021 lúc 18:37May 6, 2021 at 18:37

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

T jt jT J

42.2K13 Huy hiệu vàng81 Huy hiệu bạc136 Huy hiệu đồng13 gold badges81 silver badges136 bronze badges

bởi JavaScript:

document.getElementById('datePicker').value = new Date().toDateInputValue();
1

Đã trả lời ngày 25 tháng 4 năm 2016 lúc 10:38Apr 25, 2016 at 10:38

document.getElementById('datePicker').value = new Date().toDateInputValue();
2

Đã trả lời ngày 9 tháng 9 năm 2016 lúc 23:37Sep 9, 2016 at 23:37

1

Một giải pháp đơn giản:

document.getElementById('datePicker').value = new Date().toDateInputValue();
3

Cải cách

4.25510 Huy hiệu vàng59 Huy hiệu bạc83 Huy hiệu Đồng10 gold badges59 silver badges83 bronze badges

Đã trả lời ngày 22 tháng 7 năm 2018 lúc 14:37Jul 22, 2018 at 14:37

Gajamgajamgajam

4273 Huy hiệu bạc9 Huy hiệu Đồng3 silver badges9 bronze badges

4

Điều này trở lại ở cùng định dạng Yyyy-MM-DD như trong ISO nhưng trong thời gian địa phương của bạn thay vì là UTC.

document.getElementById('datePicker').value = new Date().toDateInputValue();
4

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Isherwood

54,6K15 Huy hiệu vàng106 Huy hiệu bạc147 Huy hiệu đồng15 gold badges106 silver badges147 bronze badges

Đã trả lời ngày 15 tháng 11 năm 2021 lúc 1:34Nov 15, 2021 at 1:34

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

prefprefpref

1.0969 huy hiệu bạc15 huy hiệu đồng9 silver badges15 bronze badges

Sử dụng Thuộc tính .DefaultValue của phần tử đầu vào: Ngày để đặt giá trị mặc định của ngày cho ngày hôm nay.

document.getElementById('datePicker').value = new Date().toDateInputValue();
5

Hoặc làm cho nó chức năng iife/tự gọi là, trên tải cửa sổ

document.getElementById('datePicker').value = new Date().toDateInputValue();
6

Sử dụng thuộc tính DefaultValue mang lại lợi thế động, không giống như cài đặt ngày bằng thuộc tính giá trị.

Ngoài ra, lưu ý rằng định dạng ngày phải được khớp, do đó tôi sử dụng định dạng cho TodayDate như:

yyyy-mm-dd

Tôi tin rằng câu trả lời này câu hỏi của bạn, ngoại trừ bạn muốn đặt ngày bắt đầu tĩnh và ngày kết thúc. Để làm điều này, vui lòng làm theo ví dụ dưới đây từ Mozilla:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date>

Đã trả lời ngày 22 tháng 8 lúc 7:19Aug 22 at 7:19

Hướng dẫn how do i change the default date in html calendar? - làm cách nào để thay đổi ngày mặc định trong lịch html?

Nếu bạn đang sử dụng Ruby, bạn có thể sử dụng điều này để đặt giá trị mặc định cho ngày và giờ hôm nay:

document.getElementById('datePicker').value = new Date().toDateInputValue();
7

Đã trả lời ngày 3 tháng 11 năm 2016 lúc 16:09Nov 3, 2016 at 16:09

SeanseanSean

2674 Huy hiệu bạc9 Huy hiệu Đồng4 silver badges9 bronze badges