Tag: datepicker

单击外部时，jQuery UI datepicker不会隐藏: 我在我的网站上发现了jQuery UI Datepicker的问题。当我点击输入时，它确实显示了一个日期选择器。然而，当我没有选择任何日期并且我只是在元素外部点击时，它并没有像我期望的那样隐藏日期选择器。当我按Esc时，它会消失，当我选择一天时它会消失但是当我点击外面它会停留在那里。有没有人能够找到问题？提前致谢：）链接： http ： //bit.ly/SFeuzp

jQuery日期选择器多选和取消选择: 是否可以启用jquery UI（datepicker）以启用多选和取消选择？我正在使用的datepicker的例子。 http://jqueryui.com/datepicker/ 我有一个要求，使一个日期选择器可以选择多个日期，我想知道如何实现类似的日期。非常感谢您的及时回复。请给我一些例子谢谢

altFormat在jQuery datepicker输入字段中不起作用: 我有日期字段（id开始日期） $( “#begin-date” ).datepicker({ minDate: -20, maxDate: “+1M +10D”, dateFormat: “yy-mm-dd”, altFormat: “yymmdd” }); 在post上，它打印格式为yy-mm-dd（2010-12-08），当它打印为yymmdd时（20101208）有关为什么没有使用altFormat设置正确发布的任何想法？输入字段呈现：

jQuery datepicker只能工作一次，第二次不显示: ASP.NET MVC3 / jQuery 1.9.1 / jQuery UI 1.10.2 我有一个页面，在单击Ajax.ActionLink后打开modal dialog。在这个对话框中，我有一个输入字段和一个与之关联的datepicker 。当我第一次打开对话框时，我可以单击datepicker按钮（或在关联的输入字段内，以便它获得焦点， showOn设置为both ），并且showOn按预期显示。我可以，当modal dialog打开时，按照我想要的频率执行，每次都会显示日期选择器。当我关闭modal dialog时（通过附加的$(“ui-widget-overlay”).click(function(){…});然后再次打开它，无论我是否尝试，datepicker都不再有效单击按钮或关联的输入字段。我尝试调试jQuery代码，并且两次运行的代码行都是相同的（即使第二次打开对话框时没有出现datepicker，也会触发jQuery方法）在调试器中。我完全被难倒了，本文中描述的方法仅在第一次打开对话框时显示日期选择器方面有所帮助。另一篇文章似乎只是误解了showOn设置是如何工作的。我还试图通过$(“#datepicker”).datepicker(“destroy”);来破坏日期$(“#datepicker”).datepicker(“destroy”); 关闭对话框时 – 无济于事。有任何想法吗？更新在“呼叫页面”上： $(document).ready(function () { $(“#popupDialog”).dialog( { autoOpen: false, modal: true, open: function() { $(“ui-widget-overlay”).click(function() { $(“#popupDialog”).dialog(“close”); } } }); }); […] @Ajax.ActionLink( “Some text”, “Action”, “Controller”, […]

带时隙的jQuery日历选择: 我想在PHP中创建一个约会预订function。我想要一个日历，用户可以在其中选择日期，作为回报，日历显示要选择的时间段。时隙将是静态的，将来可能是动态的。您可以查看以下链接中的示例。 Booked 通过互联网搜索这种插件，但找不到。（我需要一个免费的插件）。

如何在jquery UI datepicker中禁用日期之前的日期？: 我正在建立一个酒店预订系统我必须在jQuery UI datepicker中禁用过去的日期这里是代码呼叫.cs public class CheckLookup { [DataType(DataType.Date)] public DateTime checkindate { get; set; } [DataType(DataType.Date)] public DateTime checkoutdate { get; set; } } 这是javascript $(document).ready(function () { function getDateYymmdd(value) { if (value == null) return null; return $.datepicker.parseDate(“yy-mm-dd”, value); } $(‘.date’).each(function () { var minDdate = getDateYymmdd($(this).data(“”)); var maxDate = getDateYymmdd($(this).data(“val-rangedate-max”)); $(this).datepicker({ dateFormat: […]

设置jQueryUI DatePicker的样式: 我正在使用jquery datepicker（ http://jqueryui.com/demos/datepicker/ ）。演示页面上的日期选择器小而紧凑。但是，当我在我的网站上使用日期选择器时，日历是巨大的。我估计每个日期都使用12磅字体。如何让日子缩小？

jQuery Datepicker – 禁用周末/假日以及接下来的三个工作日: 使用这个相当简洁的方法，我可以从datepicker禁用周末和假期。但是，我希望将此与从今天开始的下三个工作日的禁用相结合。只需设置最短日期相对简单： var dateMin = new Date(); dateMin.setDate(dateMin.getDate() + 3); $(function() { $(‘#txtCollectionDate’).datepicker( { beforeShowDay: noWeekendsOrHolidays, showOn: “both”, dateFormat: “dd/mm/yy”, firstDay: 1, changeFirstDay: false, minDate: dateMin }); }); 但是，我真正需要一个计算工作日的函数： var dateMin = new Date(); dateMin.setDate(AddBusinessDays(3)); 任何人都可以将其转换为JavaScript？

Jquery UI datepicker，点击日期，获取日期并传递给URL: 我在事件页面（sharepoint页面）中有一个jquery UI datepicker日历。 $(‘#datepicker’).datepicker(); 我需要在用户点击任何日期后获取日期并获取该日期并将其作为mypage.aspx？dt = 1/12/2012传递给页面url。我有这个但不能正常工作。 $(‘.ui-datepicker td a’).click(function(){ var url=$(location).attr(‘href’); var date = $(this.datepicker( “getDate” )); if(date != ‘null’) url += ‘&dt=’ + date; window.location.href=url; }); 这两个都没有.. $(‘.ui-datepicker td a’).click(function() { window.location.href = ‘http://mysite/events/Pages/default.aspx?dt=’ + $(‘#datepicker’).datepicker().val(); }); 有人可以帮忙吗？

使用Jquery Datepicker的DateFormat错误: 我想在DateTime文本框中排除time部分，但我无法按照我想要的方式使其工作。这是我设置字段的方式： @Html.TextBoxFor(m => m.DateFrom, “{0:dd/MM/yyyy}”, new { @class = “datefrom” }) @Html.TextBoxFor(m => m.DateTo, “{0:dd/MM/yyyy}”, new { @class = “dateto” }) Jquery脚本： $(function () { $(“.datefrom”).datepicker({ defaultDate: “+1w”, changeMonth: true, numberOfMonths: 1, dateFormat: “dd/mm/yy”, onClose: function (selectedDate) { $(“#to”).datepicker(“option”, “minDate”, selectedDate); } }); $(“.dateto”).datepicker({ defaultDate: “+1w”, changeMonth: true, numberOfMonths: 1, dateFormat: “dd/mm/yy”, onClose: function […]