我们正在使用trentrichardson.com的datetimepicker.
我有一个带有两个输入字段的表单:from和to我希望能够动态地将minDate设置为我的"to"字段,该字段等于我的"from"字段的值.
我知道我应该使用beforShow选项,但不知道如何实现该功能.
$('.from,.to').datetimepicker({
beforeShow: customRange
});
Run Code Online (Sandbox Code Playgroud)
编辑/解决方案
function customRange(input) {
if (input.id == 'to') {
var x=$('#from').datepicker("getDate");
$( ".to" ).datepicker( "option", "minDate",x );
}
else if (input.id == 'from') {
var x=$('#to').datepicker("getDate");
$( ".from" ).datepicker( "option", "maxDate",x );
} }
Run Code Online (Sandbox Code Playgroud) 我有以下两个datepicker对象,但由于我遇到了minDate和maxDate选项,我无法得到我想要的东西:
这是为了将日期限制在将来的日期.
我想要的:将日期从当前日期限制为30年.
我得到的:将日期从当前日期限制为10年.
$(".datepickerFuture").datepicker({
showOn: "button",
buttonImage: 'calendar.gif',
buttonText: 'Click to select a date',
duration:"fast",
changeMonth: true,
changeYear: true,
dateFormat: 'dd/mm/yy',
constrainInput: true,
minDate: 0,
maxDate: '+30Y',
buttonImageOnly: true
});
Run Code Online (Sandbox Code Playgroud)
这是为了限制只选择过去的日期:
我想要的:将日期从当前日期限制为120年前的时间.
我得到的:将日期从当前日期限制为120年前的时间,但是当我选择一年时,最大年份将重置为选定的年份(例如,当新鲜的页面加载为1890-2010时,我会得到什么,但如果我选择2000年当年选择框重置为1880-2000).
$(".datepickerPast").datepicker({
showOn: "button",
buttonImage: 'calendar.gif',
buttonText: 'Click to select a date',
duration:"fast",
changeMonth: true,
changeYear: true,
dateFormat: 'dd/mm/yy',
constrainInput: true,
yearRange: '-120:0',
maxDate: 0,
buttonImageOnly: true
});
Run Code Online (Sandbox Code Playgroud)
我需要有关datepicker对象的帮助,非常感谢任何帮助.
我只在StackOverflow上找到了另外一个这个问题的实例,这个问题没有答案(去年),所以我想我会再给它一个镜头.(Android DatePicker/Dialog使用最小/最大日期显示不正确的月/ s,带有实际图像)
设置Android DatePicker的minDate和maxDate时,它将显示在最小和最大日期范围内不可用的月份.我将使用以下图片演示此问题:
当我在minDate时:

当我处于日期限制之间时:

当我在maxDate时:

在这种情况下,不可用的月份(在这种情况下是四月和六月)充当最小值和最大值,所以到四月,DatePicker将拍摄到五月十五日,或者试图滑到六月将DatePicker移动到五月二十二日.
是否可以将这些(不可用的)月份隐藏起来,因此在此测试用例中,唯一可选择的部分是日期?另外请记住,例如,5月29日到6月5日之间的间隔必须出现在列表中.
我编写了一个带有最小和最大日期的简单UIDatePicker.
我希望datepicker不显示不可用的日期,不仅禁用它们.
实际:您可以滚动浏览所有不可用的日期,但是当您在不可用的日期休息时,日期选择器会滚动到最接近的可用日期,这是好的但不够好.
预期:我想从datepicker中一起删除不可用的日期,因此甚至不启用滚动它们.
我有jQuery日期选择器设置和工作,但希望帮助设置minDate和maxDate选项.我目前的代码如下(没有这些选项).如何将defaultDate设置为defaultDate之前3个月,maxDate设置为defaultDate之后的28天?
var expdisp = $("#expdisp").attr("value");
$("#expirydate" ).datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
dateFormat: "dd/mm/yy",
defaultDate: expdisp,
showOtherMonths: true,
selectOtherMonths: true,
changeMonth: true,
changeYear: true,
});
Run Code Online (Sandbox Code Playgroud) 谁能帮我?
我在WPF 4.0中的Calendar控件中找不到minDate属性.
如果Calendar Control中没有minDate或maxDate属性,那么我怎么能实现相同的呢?
一个简单的问题,但我似乎无法找到答案.
我限制了jQuery Datepicker中的日期范围:
$( "#MyDatepicker" ).datepicker( "option", "minDate", new Date())
Run Code Online (Sandbox Code Playgroud)
有没有办法删除日期范围的所有限制?
我希望以下日期范围从65年前开始到18年前结束.相反,minDate编号将被忽略,并设置为结束日期之前的10年.无论我在minDate中作为值放置什么都没有区别.
$(function() {
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
minDate: "-65y",
maxDate: "-18y"
});
});?
Run Code Online (Sandbox Code Playgroud) 我正在尝试为我的表单上的jquery datepicker设置一个范围,但是当我打开表单时,它允许我选择任何日期.
<input class="span2 datepicker" name="tw#local#changeRequest#DeliveryDate" type="text" id="dp1">
<!-- jQuery -->
<script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('jquery-1.7.2.min.js', TWManagedFile.Types.Web).url;#>"></script>
<!-- Datepicker Script -->
<script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('bootstrap-datepicker_new.js', TWManagedFile.Types.Web).url;#>"></script>
<script type="text/javascript">
$(document).ready(function(){
$( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
});
</script>
Run Code Online (Sandbox Code Playgroud) 我需要更改 jQuery 的 minDate datetimepicker。当前, .change() 方法中 minDate 的值为 null。我目前正在使用以下代码:
jQuery('#field_bvk123').datetimepicker({
onSelect: function(department_date)
{
$('#field_jv1rv7').datetimepicker('option', minDate, department_date);
}
});
Run Code Online (Sandbox Code Playgroud)
有人可以在这里帮助我吗?
wordpress jquery mindate twitter-bootstrap bootstrap-datetimepicker
我正在使用 primefaces 日历来创建活动。使用“mindate”参数,我禁用了当前日期之前的几天。即使在结束日期,我也想这样做,禁用开始日期之前的几天。我不知道如何处理这个问题,因为支持 bean 只有在整个表单验证之后才能获得开始日期。
我需要在 inputText 字段上输入开始日期后立即设置支持 bean。
这里的 HTML:
<p:calendar immediate="true" mindate="#{createEventBean.today}" id="startingtime" value="#{createEventBean.current.startingtime}"/>
<p:calendar mindate="#{createEventBean.current.startingtime}" id="endingtime" value="#{createEventBean.current.endingtime}"/>
Run Code Online (Sandbox Code Playgroud)
这里是支持 bean 的方法:
public Date getToday(){
return new Date();
}
Run Code Online (Sandbox Code Playgroud) mindate ×11
jquery ×6
maxdate ×6
datepicker ×4
calendar ×3
android ×1
c# ×1
date-range ×1
ios ×1
jquery-ui ×1
jsf-2 ×1
limits ×1
primefaces ×1
range ×1
uidatepicker ×1
vb.net ×1
wordpress ×1
wpf ×1