18

有没有办法设置格式<input type="date" />？如果没有，那么我如何使用默认格式的 JavaScript 在此字段中设置日期type="date"。我怎样才能得到这个字段的格式？

编辑： 实际上我想展示移动设备的本地日期选择器，这就是我选择这种输入的原因。如果该领域有任何替代品，那也很好。

对不起，如果我说了什么愚蠢的话。请指导我

4

12 回答 12

21

格式为YYYY-MM-DD. 你不能改变它。

$('#myinput').val('2013-12-31');设定值

于 2013-05-27T10:17:05.047 回答
16

new Date().toISOString().split('T')[0];

于 2017-07-20T21:16:57.887 回答
6

试试这个 ：）

function getDefaultDate(){

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

    return today;
}

$(document).ready(function(){ 
    $("#dateid").val( getDefaultDate()); 
});
于 2015-06-10T05:56:03.947 回答
2

这很丑陋，但它有效。：/

var today = new Date().toLocaleString('en-GB').split(' ')[0].split('/').reverse().join('-');
于 2015-01-30T16:49:56.550 回答
2

比上面更容易的是

var today = new Date().toISOString().substring(0,10); # "2013-12-31"
于 2017-06-09T13:12:41.320 回答
2

加拿大语言环境恰好也遵循相同的格式：

new Date().toLocaleDateString('en-CA')
于 2017-10-02T15:57:19.927 回答
0

请检查此https://stackoverflow.com/a/9519493/1074944并尝试这种方式也$('input[type="date"]').datepicker().prop('type','text');检查演示

于 2013-05-27T10:35:47.000 回答
0

我认为这会有所帮助

function myFormatDateFunction(date, format) {
     ...
}

jQuery('input[type="date"]')                                             
    .each(function(){                                                              
        Object.defineProperty(this,'value',{                                         
          get: function() {                                   
            return myFormatDateFunction(this.valueAsDate, 'dd.mm.yyyy');      
          },                                                                         
          configurable: true,                                                        
          enumerable : true                                                          
        });                                                                          
      });
于 2015-10-16T22:02:59.247 回答
0 
function getDefaultDate(curDate){
var dt = new Date(curDate);`enter code here`
var date = dt.getDate();
var month = dt.getMonth();
var year = dt.getFullYear();
if (month.toString().length == 1) {
    month = "0" + month
}
if (date.toString().length == 1) {
    date = "0" + date
}
return year.toString() + "-" + month.toString() + "-" + date.toString();
}

在函数中传递您的日期字符串。

于 2016-05-20T13:32:07.920 回答
0

@cOnstructOr 提供了一个好主意，但它留下了一个逗号

var today = new Date().toLocaleString('en-GB').split(' ')[0].slice(0,-1).split('/').reverse().join('-');

解决了这个问题

于 2017-04-17T06:05:21.253 回答
0

您要做的是从输入中获取值并将其分配给新的 Date 实例。

let date = document.getElementById('dateInput');

let formattedDate = new Date(date.value);

console.log(formattedDate);
于 2019-04-29T16:09:06.680 回答
0

这是一个简单的答案，

由于这是一个字符串，我们可以使用 Javascript 字符串切片方法重新排列字符

<input type="date" id="idate" name="tno"><br>
<button onclick="run()">Run</button>

<p id="demo"></p>

<script>
function run() {
var d = document.getElementById("idate").value;

document.getElementById("demo").innerHTML = d.slice(8, 10) + "/" + d.slice(5, 7) + "/" + d.slice(0, 4);
}
</script>

来源

https://www.w3schools.com/jsref/jsref_slice_string.asp

于 2021-03-10T10:09:21.493 回答