如何将日期时间选择器限制为特定日期
How to limit date time picker to a certain date
我有两个日期时间选择器来设置它从日期到日期
string DF = dateTimePicker1.Value.ToString("yyyy-M-d");
string DT = dateTimePicker2.Value.ToString("yyyy-M-d");
如何限制日期时间选择器。
我想用它来限制 dateTimePicker2
日期,以允许用户使其不小于 dateTimePicker1
值。例如,如果 DF
是 1980/8/1
那么 dateTimePicker2
值 DT
范围必须限制到这一点取决于 dateTimePicker1
值,在这种情况下从 1980/8/1
和更高的升序。
您可以将 MinDate
设置为第一个 dateTimePicker1
值,例如:
dateTimePicker2.MinDate = dateTimePicker1.Value;
将该代码放在 DateTimePicker
的 ValueChanged
事件中,例如:
private void dateTimePicker1_ValueChanged(object sender, EventArgs e)
{
dateTimePicker2.MinDate = dateTimePicker1.Value;
}
还要确保事件已正确附加。
this.dateTimePicker1.ValueChanged += new System.EventHandler(this.dateTimePicker1_ValueChanged);
工作代码
var setSecondDateMinValue = function () {
var input = document.getElementById("date2");
input.setAttribute("min", this.value);
}
document.getElementById("date1").onchange = setSecondDateMinValue;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" id="date1" />
<input type="date" id="date2" />
我有两个日期时间选择器来设置它从日期到日期
string DF = dateTimePicker1.Value.ToString("yyyy-M-d");
string DT = dateTimePicker2.Value.ToString("yyyy-M-d");
如何限制日期时间选择器。
我想用它来限制 dateTimePicker2
日期,以允许用户使其不小于 dateTimePicker1
值。例如,如果 DF
是 1980/8/1
那么 dateTimePicker2
值 DT
范围必须限制到这一点取决于 dateTimePicker1
值,在这种情况下从 1980/8/1
和更高的升序。
您可以将 MinDate
设置为第一个 dateTimePicker1
值,例如:
dateTimePicker2.MinDate = dateTimePicker1.Value;
将该代码放在 DateTimePicker
的 ValueChanged
事件中,例如:
private void dateTimePicker1_ValueChanged(object sender, EventArgs e)
{
dateTimePicker2.MinDate = dateTimePicker1.Value;
}
还要确保事件已正确附加。
this.dateTimePicker1.ValueChanged += new System.EventHandler(this.dateTimePicker1_ValueChanged);
工作代码
var setSecondDateMinValue = function () {
var input = document.getElementById("date2");
input.setAttribute("min", this.value);
}
document.getElementById("date1").onchange = setSecondDateMinValue;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" id="date1" />
<input type="date" id="date2" />