Tag: datepicker

AJAX之后jQuery日期选择器不能持久化: 所以我正在使用jQuery日期选择器，它运行良好。我正在使用AJAX来获取一些内容，显然当应用这个新内容时，绑定会丢失，我上周了解到这一点并发现了.live()方法。但是如何将它应用到我的日期选择器？因为这不是一个事件因此.live()将无法帮助……对吗？这是我用来将日期选择器绑定到我的输入的代码： $(“.datefield”).datepicker({showAnim:’fadeIn’,dateFormat:’dd/mm/yy’,changeMonth:true,changeYear:true}); 每次我的AJAX触发时我都不想调用这个方法，因为我希望尽可能保持通用。干杯:-) 编辑正如@nick所要求的，下面是我的包装函数得到了ajax()方法： var ajax_count = 0; function getElementContents(options) { if(options.type===null) { options.type=”GET”; } if(options.data===null) { options.data={}; } if(options.url===null) { options.url=’/’; } if(options.cache===null) { options.cace=false; } if(options.highlight===null || options.highlight===true) { options.highlight=true; } else { options.highlight=false; } $.ajax({ type: options.type, url: options.url, data: options.data, beforeSend: function() { /* if […]

jquery UI datepicker月和年只有css定位问题: 我已经实现了这里讨论的解决方案： JQuery Datetime选择器 – 只需选择月份和年份。它运作良好。我发现的唯一问题是，当日期选择器出现在输入字段上方时（例如，当下面没有足够的空间时），选择器的位置是错误的（它太高，在选择器和输入之间留下间隙）领域）。据推测，这是因为我在 jquery计算其高度后动态隐藏了月中的日期，因此它被定位为好像它仍然是完整的datepicker。任何人有任何想法如何解决这个问题？

jQuery Datepicker onClose选择下一步: 我有一个系统，人们可以添加多个日期，即截图：在选择第一个日期时，onClose事件设置第二个输入的日期并将其打开。 IE datePickers = function() { $(“.from_date”).datepicker({ minDate: ‘D’, dateFormat: “dd/mm/yy”, defaultDate: “+1w”, numberOfMonths: 2, onClose: function(selectedDate) { $(“.to_date”).datepicker(“option”, “minDate”, selectedDate); return $(“.to_date”).datepicker(“show”); } }); return $(“.to_date”).datepicker({ minDate: ‘+1D’, dateFormat: “dd/mm/yy”, defaultDate: “+1w”, numberOfMonths: 2 }); }; 当我有2,3或更多并且编辑第一个或第二个时，我的问题就变成了….关闭它会打开最后一个输入。我尝试过使用.next（’to_date’）和最接近（’to_date’），但它不起作用。关于如何解决这个问题的任何建议。按要求提供小提琴： http ： //jsfiddle.net/FdfPY/

jQuery Datepicker – 自动为所有日期选择器定义altField: 我的所有日期选择器都有一个自动生成的隐藏字段，其ID与datepicker输入相同，但前缀为下划线。然后任何具有类datepicker字段都会被制作成日期选择器。 $(‘.datepicker input’).datepicker({ altFormat: ‘yy-mm-dd’, changeMonth: true, constrainInput: true, dateFormat: ‘dd/mm/y’, minDate: ‘+0d’, numberOfMonths: 2 }); 但是我怎样才能自动为它设置altField选项呢？这不起作用。我也尝试在原始选项中进行分配，但这也不起作用。 $(‘.datepicker input’).each(function() { var altField = ‘_’ + $(this).prop(‘id’); $(this).datepicker(‘option’, ‘altField’, altField); });

如何从PHP中的两个日期的每个星期一和每两周一次提取？: 我正在使用臭名昭着的jQuery UI的Datepicker，在我的表单中我选择了两个日期的范围。第一个表示开始日期，另一个表示结束日期。我现在需要的是algorthm，一些提示，方向或帮助，用于计算这两个日期之间的每个星期一。例如： start: 2011-06-01 end: 2011-06-30 应该把星期一的这四（4）个日期提取给我： 1st: 2011-06-06 2nd: 2011-06-13 3rd: 2011-06-20 4th: 2011-06-27 我怎么能得到这个？而且，星期一每两周我都需要它：每两周一次的结果应该是： 1st: 2011-06-06 2rd: 2011-06-20

如何在第一个onclick事件上运行日期选择器？: 我正在使用jqueryui的这个日期选择器。如果你查看那个页面，那么你会发现他们刚刚用这样的函数编写： $(function() { $(“#datepicker”).datepicker(); }); 但我想在一个文本框点击事件上打开我的日期选择器。所以我写了这个： $(“#datepicker”).datepicker(); 在我调用文本框onclick事件的一个函数中。但在这方面存在一个问题。我第二次点击文本框时才收到日期选择器。如果我在页面加载后第一次点击，那么日期选择器将不会出现，但是当我第二次点击时，日期选择器即将到来。为什么？我可以在第一次点击时这样做吗？是的我知道如果我把第一个代码放在我的函数中我已经完全发生了这个问题。编辑：现在我将向你们所有人解释我到底在做什么。我的要求是这样的： 1）当我第一次选择日期时。在今天的日期之前的日期应该在日历中禁用。 2）现在，当我在日历中第二次选择日期时，日期应该在上一个日期之后的一天开始。我这样写的…… $(function() { $(‘#from’).datepicker({ defaultDate: “+5d”, changeMonth: true, numberOfMonths:1 , minDate:”+0d”, dateFormat: ‘DD, MM d, yy’, onSelect: function(selectedDate) { var option = this.id == “from” ? “minDate” : “maxDate”; var instance = […]

一旦选择了日期，如何在jQuery UI datepicker上触发validation？: 我有一些客户端validation，检查以确保EndDate大于或等于StartDate 。 validation有效，但它并没有像我希望的那样触发。我想在EndDate的日期选择器上选择日期后立即触发。我怎么能做到这一点？我尝试过以下方法： Datepicker代码： $(“.datepicker”).datepicker({ changeMonth: true, changeYear: true, onClose: function () { $(this).focusout(); } }); validation码： $(“#EndDate”).focusout(function () { jQuery.validator.addMethod(‘datetimegreaterthanorequal’, function (value, element, params) { var startDateValue = $(params.element).val(); return Date.parse(value) >= Date.parse(startDateValue); }, ”); jQuery.validator.unobtrusive.adapters.add(‘datetimegreaterthanorequal’, [‘startdate’], function (options) { var prefix = options.element.name.substr(0, options.element.name.lastIndexOf(‘.’) + 1), other = options.params.startdate, fullOtherName […]

如何使readstrap datepicker readonly？: 我正在努力创建无法点击的嵌入式/内联日期选择器 – 它应该只显示日期，表现为只读。我正在做的是用模型中的选定日期填充日历，然后我尝试使其不可点击，因此用户不会瘦，他可以编辑任何东西。我正在使用eternicode-bootstrap-datepicker – 使其成为多日期。到目前为止，我有这个： <link rel="stylesheet" href="” /> <script src="”> $(document).ready(function() { $(“#datepicker-inline”).datepicker({ multidate : true, todayHighlight : true, }); var dates = []; var i = 0; console.log(“${selectedDate}”); dates[i++] = new Date(“${selectedDate}”); $(“#datepicker-inline”).datepicker(‘setDates’, dates); // something to make it readonly $(“.day”).click(function(event) { console.log(“preventing”); event.preventDefault(); }); }); Dates [对不起，如果格式错误] 正如您所看到的，我正在尝试阻止日历中.day上的默认点击操作。控制台显示“正在阻止”，但仍会将日期视为已选中。 […]

JQuery UI Datapicker：如何添加下一个/上一年的按钮: 我使用选择下拉年份的function。我用它来设置至少18岁的人的生日。到目前为止它完美无缺。我已使用theseg参数进行设置： $(‘#datepicker’).datepicker({ changeMonth: true, changeYear: true, dateFormat: ‘dd-mm-yy’, minDate: ‘-100Y’, maxDate: ‘-18Y’ }); 但是我想要年份导航。是否可以添加下一个/上一年的按钮？在此先感谢您的帮助！

同一页面中的多个datepicker不能正常运行javascript: 我在表单中使用了添加行删除行function。我有一个带date pickerfunction的日期字段。问题是，如果我添加多行，然后单击日期选择器它不能正常工作。请参阅http://jsfiddle.net/KN7Hd/进行演示。 $(function() { $( “#datepicker” ).datepicker({ showOn: “button”, buttonImage: “images/calendar.png”, buttonImageOnly: true, showOtherMonths: true, selectOtherMonths: true }); }); 如何解决这个问题？