Tag: jquery ui datepicker

使用jQuery隐藏日期选择器

我正在使用struts2 jquery插件的datepicker如下所示 我想把它隐藏在某些条件上。我写了一个像这样的jquery。 $(“#frdate”).hide(); //this will hide textbox of datepicker $(“label[for=’frdate’]”).hide(); // this will hide label of datepicker 但是datepicker按钮仍然显示？ 如何使用jquery隐藏它？ The generated html code is: From Date (dd-mm-yyyy): jQuery(document).ready(function () { jQuery.struts2_jquery_ui.initDatepicker(false); }); jQuery(document).ready(function () { var options_frdate = {}; options_frdate.showOn = “both”; options_frdate.buttonImage = “/ONLINE/struts/js/calendar.gif”; options_frdate.maxDate = “0”; options_frdate.jqueryaction = “datepicker”; options_frdate.id = “frdate”; […]

为什么我的jQuery UI datepicker在初始页面加载时工作正常时不能用于回发？

我一直在尝试将jQuery UI Datepicker集成到我们的ASP.NET WebForms应用程序中。 应用程序使用母版页为所有页面提供通用外观，所有内容页面都构建在UpdatePanel的ContentTemplate中。 我创建了一个用户控件来包装datepicker的function，并允许在运行时为代码隐藏中的每个日期设置minDate，maxDate，validators等。 我还需要处理ASP.NET生成客户端元素ID的方式。 在过去的一周里，我一直在高低搜索，并找到了很多让它工作的技巧。 这是我现在所处位置的简化版本。 // This function enables the datepicker behavior for this textbox by its ClientID. function () { $(“#”).datepicker({ changeMonth: true, changeYear: true, showOn: ‘button’, buttonImage: “/images/calendarIcon.gif”, buttonImageOnly: true, buttonText: ”, duration: ”, onSelect: function() { } }); }; // Register the above function to execute on initial […]

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); });

jquery ui datepicker后退按钮跃升至1899年

我必须错过一些设置或其他东西，但当我使用后退按钮时，datepicker从当前年份跳到1899。 还有其他人看过这个并修好了吗？ （你可以看到我注释掉的不同组合。） $(‘.dialog-search,#from’) .datepicker({ defaultDate: ‘c-1m’, dateFormat: ‘yymmdd’, //changeMonth: true, changeYear: true, showAnim: ‘fadeIn’, duration: 200, //gotoCurrent: true, showOtherMonths: true, selectOtherMonths: true, currentText: ‘Now’, shortYearCutoff: ‘+20’, //showWeek: true, //firstDay: 1, numberOfMonths: 1, showButtonPanel: true, yearRange: ‘c-200:c’, onSelect: function(selectedDate,inst) { $(‘.dialog-search,#from’).val(selectedDate); } });

jQuery日期选择器不显示原始文本值

我正在使用jQuery的日期选择器来表示我的一个表单字段 – 出生日期。 该字段使用PHP生成，并将填入用户的原始出生日期。 单击该字段会显示小部件，它完全没问题。 但是，文本框不显示原始值，即使它出现在浏览器的源代码中。 我正在使用Google Chrome。 以下是jQuery代码： $(function() { $(“#DatePicker”).attr(“readonly”,”readonly”); $(“#DatePicker”).datepicker({ changeMonth: true, changeYear: true, yearRange: “1950:+10” }); $(“#DatePicker”).datepicker(“option”,”dateFormat”,”dd MM yy”); }); 这是PHP代码： echo “”; 以下是HTML代码（从源代码复制）： 请告诉我出了什么问题。 谢谢。

Symfony2中的jQuery datepicker给出“此值无效”。

我在symfony2表单中添加了一个jQuery datepicker。 树枝文件： $(‘.date’).datepicker({ showOn: ‘button’, buttonImageOnly: true, changeMonth: true, changeYear: true, dateFormat: ‘yy-MM-dd ‘, yearRange: “-0:+1” }); PostType.php $builder->add(‘toDate’,’datetime’,array( ‘input’ => ‘datetime’, ‘widget’ => ‘single_text’, ‘format’ => ‘yy-MM-dd’, ‘attr’ => array(‘class’ => ‘date’) )); 我尝试了几种日期格式。 但我总是得到This value is not valid. 当我提交。 我试图获取表单错误，但它不提供任何更多信息。

同一页面中的多个datepicker不能正常运行javascript

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

DatePicker上的日期validation器在IE7 / IE8中触发错误否定

我在一个包含两个jQuery UI DatePickers的表单上进行了一些基本validation。 日期格式为yy-mm-dd。 两个DatePickers都有必需和日期validation。 这些在Chrome和FF中按预期工作，但在IE7 / IE8中触发漏报（有效输入被认为无效）。 日期选择器设置： $(‘.datepicker’).datepicker({ dateFormat: ‘yy-mm-dd’ }); 这是无关的，但我想我会包括，以防万一： $.validator.addMethod(“endDate”, function(value, element) { var startDate = $(‘#startDate’).val(); return Date.parse(startDate) <= Date.parse(value); }); 实际validation： $(‘#ExampleForm’).validate({ rules: { StartDate: { required: true, date: true }, EndDate: { required: true, date: true, endDate: true } }, messages: { StartDate: { required: “Start Date […]