无法在javascript中设置最小输入日期

时间:2017-09-12 15:55:03

标签: javascript html

我有两个日期选择器

<label>Check-In Date : . </label>
<input id="date1" type="date" name="from" required min="<?php echo date('Y-m-d');?>">

<label>Check-Out Date : . </label>
<input id="date2" type="date" name="to" required onclick="setDate2();">

和javascript

function setDate2() {
  var date=$('#date1').val().split('-');
  var day=date[2];
  var month=date[1]-1;
  var year=date[0];
  var someDate = new Date(year, month, day);

  someDate.setDate(someDate.getDate() + 1); 
  var dd = someDate.getDate();
  var mm = someDate.getMonth() + 1;
  var y = someDate.getFullYear();

  var someFormattedDate = y + '-'+ mm + '-'+ dd;

  document.getElementById('date2').min = someFormattedDate;
  alert(document.getElementById('date2').min)
}

这段代码工作得很好但是,document.getElementById('date2').min = someFormattedDate;看起来不起作用或什么?我得到了正确的输出,但没有设置date2 ...

的最小值

1 个答案:

答案 0 :(得分:1)

你的问题在这一行:

brew update && brew upgrade jp

您忘记了月份或日期可能是一位数字,所以它应该是这样的:

var someFormattedDate = y + '-' + mm + '-'+ dd;

更新了小提琴:https://jsfiddle.net/iStyx/6x1zb2fq/

已添加:我建议您使用Moment.js库进行日期/时间操作。