使用日期JS / JQ填充字段

时间:2015-08-12 09:07:20

标签: javascript html5

所以我有这句话:

<input type="date" id="Date1" name='date' data-role='datebox' 
data-options='{"dateFormat": "mm/dd/YYYY"}' />

按预期工作,我正在使用this。 当我点击<input>时,会出现一个日期选择器,并且用户可以选择 mm / dd / yyyy 格式的日期。

然而,我想填充那个字段,之前,让我们说onload,window ready,我甚至不关心,今天的日期。

我正在尝试这个:

<script type="text/javascript">
today = new Date();
var dateString = today.format("dd/mm/yyyy");
document.getElementById("Date1").innerHTML = dateString;
</script>

我基本上知道问题所在,我正在尝试将字符串添加到type="date"字段中;我也试过,而不是使用.innerHTML,。value,但仍然没有运气,不知道该怎么做。

另外,请记住,我还有3个字段需要填充。

  

1: - 我已经粘贴过的&gt;&gt;当前日期2: - 当前   日期+19周3: - 当前日期+72周4: - 当前日期+1周

如果需要,我不介意使用JQ。

3 个答案:

答案 0 :(得分:1)

这有效:

document.getElementById('Date1').valueAsDate = new Date();

Refer the API here

答案 1 :(得分:0)

您的日期拣货员似乎能够做您想做的事:RFTM darn it。您似乎还没有使用常规日期输入(检查您的日期小部件,您将看到它实际上是一个文本输入)。我的猜测是,你的日期选择器会在文本输入初始化时转换日期输入。

答案 2 :(得分:0)

我实际上是耐心地修理它并且读了很多。 这是代码。

这是在打开文档时填充字段:

<script type="text/javascript">
today = new Date();
var dateString = today.format("dd/mm/yyyy");
document.getElementById("Date1").value = dateString;

var dateString18 = new Date(+new Date + 10886400000);
dateString18 = dateString18.format("dd/mm/yyyy");
document.getElementById("Date2").value = dateString18;

var dateString90 = new Date(+new Date + 54432000000);
dateString90 = dateString90.format("dd/mm/yyyy");
document.getElementById("Date3").value = dateString90;

var dateString1 = new Date(+new Date + 604800000);
dateString1 = dateString1.format("dd/mm/yyyy");
document.getElementById("Date4").value = dateString1;
</script>

这是计算其他字段 后我更改第一个字段:

    function dateChange(fecha) {
    var anyo = fecha.substring(0, 4);
    var mes = fecha.substring(5, 7);
    var dia = fecha.substring(8, 10);


    var fechaFormato = dia + "/" + mes + "/" + anyo;

document.getElementById("Date1").value = fechaFormato;

var strDate = fechaFormato;
var dateParts = strDate.split("/");
var dateBuena = new Date(dateParts[2], (dateParts[1] - 1), dateParts[0]);

var dateString18 = new Date(+dateBuena + 10886400000);
dateString18 = dateString18.format("dd/mm/yyyy");
document.getElementById("Date2").value = dateString18;  

var dateString90 = new Date(+dateBuena + 54432000000);
dateString90 = dateString90.format("dd/mm/yyyy");
document.getElementById("Date3").value = dateString90;

var dateString1 = new Date(+dateBuena + 604800000);
dateString1 = dateString1.format("dd/mm/yyyy");
document.getElementById("Date4").value = dateString1;
}