Php HTML根据input1自动更改日期input2和input3的值_Php_Javascript_Html_Forms_Date

Php HTML根据input1自动更改日期input2和input3的值

php javascript html forms date

Php HTML根据input1自动更改日期input2和input3的值,php,javascript,html,forms,date,Php,Javascript,Html,Forms,Date,我有3个日期输入： <p>Bill 50%: <input type="date" name="bill50" /> </p> <p>Bill 30%: <input type="date" name="bill30" /> </p> <p>Bill 20%: <input type="date" name="bill20" /> </p> 账单50%：账单30%：账单20%：我

我有3个日期输入：

<p>Bill 50%: <input type="date" name="bill50" /> </p>
<p>Bill 30%: <input type="date" name="bill30" /> </p>
<p>Bill 20%: <input type="date" name="bill20" /> </p>

账单50%：
账单30%：
账单20%：

我想知道如何更改

bill30

和

bill20

的值，使其在

bill50

上的日期分别自动增加30天和60天

我试着用PHP来做，但没有用，因为我完全不懂JavaScript、AJAX等，所以当我问一些愚蠢的问题时，请容忍我。

我用一些jQuery方法做了一个例子：

html:

解释

```
$（“#fromDate”）
```
选择第一个日期选择器
```
.on（'change'，function（）{…}）
```
在选择日期并执行回调函数时激发
在此函数中，
```
$（此）
```
引用日期选择器元素
```
date.getDate（）+20
```
在所选日期的基础上增加20天
```
date.setDate（…）
```
设置新日期
```
$（'#toDate'）.val（…）
```
在第二个日期选择器上设置日期

您不能直接调用

val（date）

，因为

date

看起来像这样：

“2013年6月4日星期二02:00:00 GMT+0200（CEST）”

```
date.toJSON（）
```


date.toJSON（）.slice（0,10）
为我们提供了前10个字符：“2013-06-04”
（这是日期输入所需的格式）

我对你的问题有点困惑，对不起。你能详细说明一下吗？例如，如果我在“bill30”输入框中输入一个值，您希望发生什么？这可能很有趣：输入实际上是一个日期。它将显示日历以选择日期。选择日期后，我想显示bill50+30天到bill30的值，bill50+60天到Bill20的值。@Alp抱歉，您显示给我的链接是文本格式的。尝试在上编辑它，但似乎对我不起作用。链接显示了我的编辑。你是对的。发布了一个符合你要求的答案。效果很好！现在我只需要研究它是如何工作的+1给你。我在我的帖子中添加了一个解释。如果有什么你不明白的，尽管问
<input type="date" id="fromDate" size="10"/>
<input type="date" id="toDate" size="10"/>

$('#fromDate').on('change', function() {
    var date = new Date($(this).val());
    date.setDate(date.getDate()+20);
    $('#toDate').val(date.toJSON().slice(0,10));
});