Ajax 日历扩展器不选择上一个日期
Ajax calendar extender not to select previous date
我正在使用ajax calendarextender和javascript来限制用户不会选择过去的日期,但在这里我遇到了一个问题:
- 如果用户选择过去的日期,则工作正常
- 如果用户选择未来日期,那么它也工作正常
但是,如果用户选择当前日期,那么他也会收到不需要的警报。
我的要求是用户可以选择当前日期加上未来日期,但限制输入任何以前的日期。请帮我解决这个问题,您可以在下面找到代码:-
<div id="formload" >
<!-- ============================== Fieldset 1 ============================== -->
<fieldset>
<legend>Enter Date</legend>
<table>
<tr>
<td><label for="input-one" class="float"><strong>Date</strong></label>
</td><br />
<td><asp:TextBox ID="txtDate" runat="server" CssClass="inp-text" Width="300px"></asp:TextBox> </td>
<td><asp:Image runat="server" ID="btnDate2" AlternateText="cal2" ImageUrl="~/App_Themes/Images/icon_calendar.jpg" />
<ajaxtoolkit:calendarextender runat="server" ID="calExtender2" Format="dddd, MMMM dd, yyyy" PopupButtonID="btnDate2" TargetControlID="txtDate" OnClientDateSelectionChanged="CheckDateEalier" /> </td>
</tr></table>
</fieldset>
<!-- ============================== Fieldset 1 end ============================== -->
爪哇语
<script type="text/javascript">
function CheckDateEalier(sender, args)
{
if (sender._selectedDate < new Date())
{
alert("Day earlier than today cannot be selected.");
sender._selectedDate = new Date();
sender._textbox.set_Value(sender._selectedDate.format(sender._format))
}
}
</script>
这是因为日期相同但时间不同,将小时分钟秒和毫秒设置为 0,然后它将起作用。
<script type="text/javascript">
function CheckDateEalier(sender, args) {
var toDate = new Date();
var selectedDate = sender._selectedDate;
toDate.setMinutes(0);
toDate.setSeconds(0);
toDate.setHours(0);
toDate.setMilliseconds(0);
selectedDate.setMinutes(0);
selectedDate.setSeconds(0);
selectedDate.setHours(0);
selectedDate.setMilliseconds(0);
//alert(sender._selectedDate < toDate);
//var difference = sender._selectedDate - toDate;
if (selectedDate > toDate) {
alert("Ticket issue date must be greater than current date.");
sender._selectedDate = toDate; //set the date back to the current date
sender._textbox.set_Value(sender._selectedDate.format(sender._format));
}
}
相关文章:
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何将值传递到上一个html页面
- Javascript获取上一个元素的内容
- 算法:从数组(javascript/angular)中按当前日期获取上一个和下一个事件
- 从上一个日期创建日期并添加到该日期
- 日期选择器 getDate 方法在第二次单击时工作并显示上一个选定的日期
- 将当前日期与 JavaScript 上的另一个日期时间进行比较
- Ajax 日历扩展器不选择上一个日期
- JQuery:日期选择器:只有最后一个字段具有上一个/下一个按钮
- JQuery 日期选取器隐藏页面上一个日历中的日期
- 用javascript计算上一个结束日期和下一个开始日期之间的间隔
- jQuery日期选择器上一个和下一个按钮没有显示,如何指向css中的主题文件夹图像
- 使用Javascript获取基于未来日期的上一个日期
- 设置在上一个日期选取器中选取的日期的最小日期
- 使用Javascript获取上一个日期
- HTML 上一个日期验证
- <HTML>上一个日期Vallition
- 从javascript中的today's date中获取上一个日期
- 日期转换使用javascript将日期转换为上一个日期
- 使用 jQuery 日历默认选择上一个日期